hackermade Hi
This template uses variables to define color for dark/light mode:
.dark-active {
--color-secondary: #fff;
--heading-color: #fff;
--body-text-color: #999;
--body-bg-color: #000;
--meta-link-color: #fff;
--link-cat-normal: #fff;
--light-reverse: #000;
--dark-reverse: #fff;
--gray-900: #fff;
--heading-text-color: #fff;
--color-yellow-light: #111;
--gray-100: #111;
--gray-200: #424242;
--gray-300: #E0E0E0;
--gray-400: #BDBDBD;
--gray-500: #fff;
--gray-600: #757575;
--gray-700: #616161;
--gray-800: #424242;
--gray-900: #fff;
--mainnav-link-color: #fff;
--footer-bg-color: #000;
--border-color: rgba(255,255,255,0.1);
--border-dark-color: #fff;
--input-border-color: rgba(255,255,255,0.1);
--input-border-focus-color: rgba(255,255,255,0.3); }
This is declaration for dark mode, you can override these variables to the color as you wish.
For instance, the header or some other parts in template are set to use dark body background color: #000 so you will need to override this variable: ** --body-bg-color: #000;**
Go to Edit custom css under Tools in template and add your override there, something like this:
If you want to work with file, edit this one: ROOT/templates/ja_blockk/local/css/custom.css