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.
/* 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);