View Issue Details

IDProjectCategoryView StatusLast Update
0002147XdebugStacktracespublic2022-12-14 18:55
ReporterRickKukiela Assigned Toderick  
Status resolvedResolutionno change required 
Product Version3.1.2 
Summary0002147: Font color barely legible in on-page error report

The font color of the in-page layout is inheriting the red font color assigned to the div, for the header text. The container for this has an orange background, which makes it very difficult to read. IMO, the font color does not need to be red at all, as I feel the orange strip with the (!) bang icon is plenty noticeable on its own and that black text for the headline and trace lines would be sufficient

(See attached screen shot)

PHP 8.1.2 (cli) (built: Jan 19 2022 10:18:23) (ZTS Visual C++ 2019 x64)
Copyright (c) The PHP Group
Zend Engine v4.1.2, Copyright (c) Zend Technologies
with Xdebug v3.1.2, Copyright (c) 2002-2021, by Derick Rethans

Steps To Reproduce

Load a page with error output on that contains a PHP error or warning.

TagsNo tags attached.
Attached Files
9wa34UJ.png (10,778 bytes)   
9wa34UJ.png (10,778 bytes)   
Operating System
PHP Version8.1.10-8.1.19



2022-12-14 17:50

administrator   ~0006487

Xdebug does not set the colour as red, that is probably your own stylesheet. In order to allow for some styling, Xdebug sets classes on its error messages, called 'xdebug-error'. You can target table.xdebug-error in your CSS file to style it as you like, including setting the font color to black.


2022-12-14 18:48

reporter   ~0006488

@Derick Thanks for looking into this. I just have to clarify something then.

The code generated from X-Debug looks like this:

&lt;div style=&quot;color:#e74c3c;margin:20px 0px 20px 0px;padding:0px 10px 20px 10px;border:solid 1px #e74c3c;border-radius:4px;&quot;><br>
&lt;font size=&quot;1&quot;>&lt;table class=&quot;xdebug-error xe-warning&quot; dir=&quot;ltr&quot; border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot;>
&lt;tbody>&lt;tr>&lt;th align=&quot;left&quot; bgcolor=&quot;#f57900&quot; colspan=&quot;5&quot;>&lt;span style=&quot;background-color: #cc0000; color: #fce94f; font-size: x-large;&quot;>( ! )&lt;/span> Warning: ......... 

The div tag that wraps everything has a style tag set to "color: #e74c3c;" which is the red I'm referring to. I am not adding this code. This is coming directly from PHP - though if you're sure its not coming from x-debug then I have no idea where it would be coming from. Perhaps there is a PHP8 ini setting that is causing this?


2022-12-14 18:51

reporter   ~0006489

I wish the rendering engine did escape my html inside the (```) block but I cant find a way to edit it either :shrug: here is a screen shot pointing to the div I'm referring to.

image.png (8,024 bytes)   
image.png (8,024 bytes)   


2022-12-14 18:55

reporter   ~0006490

Nevermind! I took my own advise and checked my php.ini file and it appears my "easyphpdevserver" has enabled and configured by default (new in 8.0 I guess) which was adding that div causing my issue. I did not "set" this or know about it so I just assumed the new version of x-debug was adding it.

My bad! Thanks again (xdebug is a life saver!)

Issue History

Date Modified Username Field Change
2022-12-12 16:36 RickKukiela New Issue
2022-12-12 16:36 RickKukiela File Added: 9wa34UJ.png
2022-12-14 17:50 derick Assigned To => derick
2022-12-14 17:50 derick Status new => resolved
2022-12-14 17:50 derick Resolution open => no change required
2022-12-14 17:50 derick Note Added: 0006487
2022-12-14 18:48 RickKukiela Note Added: 0006488
2022-12-14 18:51 RickKukiela Note Added: 0006489
2022-12-14 18:51 RickKukiela File Added: image.png
2022-12-14 18:55 RickKukiela Note Added: 0006490