"how to change the colors of xdebug output?" Answer’s


The solution is the !important tag, it overrides the existing style values. Use the following css code to avoid eye cancer when using xdebug:

.xdebug-error {
    font-size: 12px !important;
    width: 95% !important;
    margin: 0 auto 10px auto !important;
    border-color: #666 !important;
    background: #ddd !important;

.xdebug-error th, .xdebug-error td {
    padding: 2px !important;

.xdebug-error th {
    background: #ccc !important;

.xdebug-error span {
    display: none !important;

.xdebug-error_description th {
    font-size: 1.2em !important;
    padding: 20px 4px 20px 100px !important;
    background: #ccc no-repeat left top !important;

.xdebug-error_callStack th {
    background: #666 !important;
    color: #ddd !important;
Wednesday, March 31, 2021
answered 11 Months ago
Only authorized users can answer the question. Please sign in first, or register a free account.
Not the answer you're looking for? Browse other questions tagged :