Change Color Mode

The Nijhum HTML5 template’s default color mode is Dark. To make it in the Light mode you just need a single simple touch in the main stylesheet (style.css) file.

Just open style.css file in a code editor and find the :root selector. Find the /* Default Colors - Mode */ and replace those 7 lines of code with the below 7 lines of code.

*Make sure your website header logo is prepared for the Light & Dark versions when you’re switching to color modes.

CSS
/* Default Colors - Mode */
--foreground-auto-1: var(--color-darker);
--foreground-auto-2: var(--color-dark);
--foreground-auto-3: var(--color-gray);
--background-auto-1: var(--color-white);
--background-auto-2: var(--color-lighter);
--background-auto-3: var(--color-light);
--swap-accent: var(--color-darker);

You’re done!