background and text colors in dark mode

2 replies · opened Jan 6, 2024

Ddendaashans-peterJan 6, 2024

I would like to change the background and text color in dark mode from various shades of gray to warmer dark colors in the blues or reds (which color is not really important for the question). How can I do this?
#212529 is one of the background colors, but when I look for that color in the style.css file I find it many times. Is there a simple and effective way to do this?

My work in progress site is mostly based on the corporate templates. For template reference I give the live URL which is still in light mode though.

Thank you.

Ddendaashans-peterJan 8, 2024

In the reference URL I changed the colors as an idea of what I would like. However, I replaced all the original color codes in the style.css. This does not seem sustainalble for updates....

SSemicolon WebSTAFFJan 9, 2024

Hello,

This has been made easier to update in the Latest Versions of Canvas using the CSS Variables. Simply find the following in the style.css File:

/*-----------------------------------------------------------------------------------
	Dark Scheme - sass/dark.scss
-----------------------------------------------------------------------------------*/

And additionally, we would recommend using the Contrast Utility classes: https://docs.semicolonweb.com/docs/utility-classes/contrast/ to change Contrast Color Schemes based on Dark Scheme.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard