There’s a trick I picked up on one project and made lots of use of in the one I mentioned elsewhere in this thread. Everyone at that time was using charcoal black (#333) text on light grey backgrounds (#e0e0e0 or #ddd) or even middle grey backgrounds (#ccc), or white text on dark grey or highly saturated backgrounds and it was a mess.
You add a 1 pixel radius, zero offset 70% opacity white shadow to dark text, or the same shadow in black to inverse (light) text, and the letters pop without the shadow being noticeable except under zoom. The page takes a little bit longer to render, but at least you can read it despite the designer’s attempt to sabotage basic UX principles.
The translucency makes it work on other colors as well, if you have color coded labels for instance, like a dark blue bar with grey text.
You add a 1 pixel radius, zero offset 70% opacity white shadow to dark text, or the same shadow in black to inverse (light) text, and the letters pop without the shadow being noticeable except under zoom. The page takes a little bit longer to render, but at least you can read it despite the designer’s attempt to sabotage basic UX principles.
The translucency makes it work on other colors as well, if you have color coded labels for instance, like a dark blue bar with grey text.