search

MisteryMan / MM_missionTimer

Original script by KBOE2, modified and republished with permission. This version adds the mission timer to the mission header in the mission list.
0 stars 0 forks source link

Difficulty to see Timer (White Text on Light Green Background) #6

Open EMS-Chief opened 3 years ago

EMS-Chief commented 3 years ago

Could you please provide any assistance in changing the background colour or text colour. The White on Light Green is difficult to see.

Thank you,

EMS-Chief commented 3 years ago

UPDATE:

I changed the "color: #000". this appears to only work to change the colour on the non-premium version.

Screenshot one shows my MCUS version on the dark/windows theme. MCUS Mission List

Second Screenshot shows my MCAU version on standard theme. MCAU Mission List

Thank you,

MisteryMan commented 3 years ago

Hi there, You did the right thing first time around. But my script doesn't mess with the dark/premium theme. So it will use the default colors from the theme itself.

This line: $("head").append("<style type='text/css'>.countdownTimer { color: #fff; min-width: 50px; margin-left: 5px; margin-right: 5px; display: inline-block; border-radius: .25em; vertical-align: middle; padding-left: 4px; padding-right: 4px; text-align: center;} div.mission_overview_countdown:empty { display:none; }</style>"); Line: 14.

You can swap it out for this to get black text in the timer box for both light and dark themes: $("head").append("<style type='text/css'>.countdownTimer { color: #000; min-width: 50px; margin-left: 5px; margin-right: 5px; display: inline-block; border-radius: .25em; vertical-align: middle; padding-left: 4px; padding-right: 4px; text-align: center;} div.mission_overview_countdown:empty { display:none; } .dark .countdownTimer { color: #000; }</style>");

Hope this helps.

EMS-Chief commented 3 years ago

Good Afternoon,

I've made the changes indicated replacing line 14 with: $("head").append("<style type='text/css'>.countdownTimer { color: #000; min-width: 50px; margin-left: 5px; margin-right: 5px; display: inline-block; border-radius: .25em; vertical-align: middle; padding-left: 4px; padding-right: 4px; text-align: center;} div.mission_overview_countdown:empty { display:none; } .dark .countdownTimer { color: #000; }</style>");

I made sure to exit all browser windows and refresh.

However, this still has White on Green Text.

Thank you,