To make your own branding colors you just need some customizations in the main stylesheet (style.css
) file. Just open style.css
file in a code editor and find the :root
selector. Nijhum template has some default colors defined as CSS variables. Change the Hex Code as theme primary color, dark color, text color, light color, etc. Also, you need to change the Alpha color RGBA code.
/* 1.2 Root variables */
:root {
/* Default Fonts */
...
/* Font Size */
...
/* Gutters */
...
/* Others */
...
/* Default Colors - Primary */
--color-primary: #FF4B6A;
--color-link-hover: #e54260;
/* Default Colors - Dark */
--color-dark: #1a192f;
--color-darker: #100F21;
/* Default Colors - Basic */
--color-accent: #cb4d8b;
--color-success: #00C851;
--color-info: #33b5e5;
--color-warning: #ffbb33;
--color-danger: #ff4444;
--color-gray: #6e798b;
--color-light: #bdcadc;
--color-lighter: #f1f3f6;
--color-white: #ffffff;
/* Default Colors - Alpha */
--primary-rgb: 255, 75, 106;
--dark-rgb: 16, 15, 33;
--black-rgb: 0, 0, 0;
--white-rgb: 255, 255, 255;