Choice Drop-down List - How to change the Text Color?

%3CLINGO-SUB%20id%3D%22lingo-sub-998792%22%20slang%3D%22en-US%22%3EChoice%20Drop-down%20List%20-%20How%20to%20change%20the%20Text%20Color%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-998792%22%20slang%3D%22en-US%22%3E%3CP%3EMorning%20all%2C%20hoping%20someone%20can%20help!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIn%20a%20SharePoint%20List%2C%20I%20have%20a%20field%20which%20is%20a%20Choice%20Drop-down%20List.%20However%2C%20because%20i'm%20using%20one%20of%20the%20standard%20Dark%20Themes%2C%20I%20struggle%20the%20see%20the%26nbsp%3BDrop-down%20List%20options%2Fvalues.%20The%20text%20appears%20very%20dark%2C%20as%20shown%20in%20the%20following%20screenshot.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHow%20can%20I%20change%20the%20Text%20Color%20to%20white%3F%20Or%20alternatively%2C%20lighten%20the%20background%20color%20in%20the%26nbsp%3BDrop-down%20List%20so%20the%20Text%20can%20be%20read.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F156047i3FA5EBFA47149C30%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Screenshot.jpg%22%20title%3D%22Screenshot.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20in%20advance!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EJay%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-998792%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-998923%22%20slang%3D%22en-US%22%3ERe%3A%20Choice%20Drop-down%20List%20-%20How%20to%20change%20the%20Text%20Color%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-998923%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F453723%22%20target%3D%22_blank%22%3E%40Jay821445%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20have%20to%20write%20some%20%3CSTRONG%3EField%20Customizers%3C%2FSTRONG%3E%20%26nbsp%3Bto%20inject%20some%20custom%20css%20to%20turn%20the%20font%20color%20to%20white.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fextensions%2Fget-started%2Fbuilding-simple-field-customizer%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3EField%20Customizer%3C%2FA%3E%26nbsp%3B%3C%2FSTRONG%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-998930%22%20slang%3D%22en-US%22%3ERe%3A%20Choice%20Drop-down%20List%20-%20How%20to%20change%20the%20Text%20Color%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-998930%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F453843%22%20target%3D%22_blank%22%3E%40O365Developer%3C%2FA%3E%26nbsp%3Bsorry%2C%20I%20should%20have%20mentioned%20it%20was%20looking%20like%20this%20a%20week%20ago.%20But%20someones%20changed%20something%20and%20no%20one%20knows%20how%20to%20get%20it%20back%20to%20looking%20like%20this.%20Any%20ideas%3F%20(that%20aren't%20client%20side%20CSS%20injections)%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F156057i17D40F846D465745%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Screenshot2.jpg%22%20title%3D%22Screenshot2.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-999040%22%20slang%3D%22en-US%22%3ERe%3A%20Choice%20Drop-down%20List%20-%20How%20to%20change%20the%20Text%20Color%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-999040%22%20slang%3D%22en-US%22%3EI%20would%20create%20a%20custom%20dark%20theme%20to%20overcome%20this%20problem%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1000771%22%20slang%3D%22en-US%22%3ERe%3A%20Choice%20Drop-down%20List%20-%20How%20to%20change%20the%20Text%20Color%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1000771%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F60%22%20target%3D%22_blank%22%3E%40Juan%20Carlos%20Gonz%C3%A1lez%20Mart%C3%ADn%3C%2FA%3E%26nbsp%3Bmmm%20ok.%20How%20do%20you%20do%20that%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

Morning all, hoping someone can help!

 

In a SharePoint List, I have a field which is a Choice Drop-down List. However, because i'm using one of the standard Dark Themes, I struggle the see the Drop-down List options/values. The text appears very dark, as shown in the following screenshot.

 

How can I change the Text Color to white? Or alternatively, lighten the background color in the Drop-down List so the Text can be read.

 

Screenshot.jpg

 

Thanks in advance!

 

Jay

4 Replies

@Jay821445 

 

You have to write some Field Customizers  to inject some custom css to turn the font color to white.

 

Field Customizer 

@O365Developer sorry, I should have mentioned it was looking like this a week ago. But someones changed something and no one knows how to get it back to looking like this. Any ideas? (that aren't client side CSS injections)?

 

Screenshot2.jpg

I would create a custom dark theme to overcome this problem