Yellow text on white background is unreadable

[tillydray]

I'm sure this isn't intentional, unfortunately I'm not sure what package causes that yellow text. Is there a way for me to find out? I believe it's tide, as in Typescript IDE.

EDIT: Just to clarify, I'm talking about the yellow text on the right side of the screenshot

[fniessen]

Dear JasonMFry, not such a thing is not intentional... But I dunno tide...

Can you do C-u C-x = to find out the name of the face in question, and eventually propose a color for it?

[tillydray]

I use Doom Emacs in case that's relevant here. It's either:

• mode-line-highlight
• lsp-modeline-code-actions-preferred-face
• lsp-ui-sideline-code-action

The following two faces have the same yellow on white:

• doom-modeline-panel
• diredfl-compressed-file-suffix

I propose all 5 of those faces have #FFF68F background with #000000 text

This is the same as popup-summary-face, but I like it because yellow is usually a warning or information, and if these 5 faces are trying to convey information or a warning, we should keep yellow, but to make it accessible the font should be black. I think this would work on both light backgrounds and dark backgrounds