Dark mode

[apedicdev]

Hi,

is there a way to have a full dark theme? From the guide, I understand atm is only possible to have header and footer, but I might be wrong.

[vovayatsyuk]

Breeze Blank has dark theme support when the visitor setting is set to a prefer-dark color scheme. You can use it together with @media-dark hack to get the dark theme for all visitors:

@respect-color-scheme: true;
// Trick to enable dark scheme for all visitors:
@media-dark: ~"(prefers-color-scheme: light), (prefers-color-scheme: dark)";

View result

As you can see from the source code dark colors defined as CSS properties, so you can achieve the same effect without (prefers-color-scheme: light), (prefers-color-scheme: dark) trick:

@base__text-color: @white
@base__background-color: @black;
// put other color variables here...

[apedicdev]

thank you so much!