Increase contrast in the panel

For age reasons I have to increase the contrast in the panel.
With which css lines in a custom panel CSS file can I set all “almost black” and grey text to #000000?

A css file separated by the previous font colors would be great.

Changing the body color should do the job, otherwise you have to check dev tools.

Has anyone else ever improved the (color) contrast of the panel texts?

Can a panel developer like @fabianmichael please explain to me why you choose #16171 on a grey background instead of real black (#000000), even though it reduces the contrast?
Is this really useful for people with defective vision or older people like me and for the accessibility of the panel pages?

I can only guess it’s by personal taste :slight_smile:, and it passes the WCAG test:

Also, you can easily tweak the panel CSS variables :

:root {
--color-backdrop: rgba(22,23,26,0.6);
--color-background: #efefef;
--color-border: #ccc;
--color-focus: #4271ae;
--color-focus-light: #81a2be;
--color-focus-outline: rgba(66,113,174,0.25);
--color-negative: #c82829;
--color-negative-light: #d16464;
--color-negative-outline: rgba(200,40,41,0.25);
--color-notice: #f5871f;
--color-notice-light: #de935f;
--color-positive: #5d800d;
--color-positive-light: #a7bd68;
--color-positive-outline: rgba(93,128,13,0.25);
--color-text: #16171a;
--color-text-light: #777;
}

Some contrasts don’t pass WCAG, but since the Panel can easily be customized for your purposes and needs with a single setting, this shouldn’t be such a big issue.