Hi teddy-knight
The dark mode has some variables like this:
.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);
}
You can override it via custom css on your site.
For example, if you want to change the background color, you can override with this:
.dark-active {--body-bg-color: #fff;}
and change to your desired color.
Regards