Automatic Dark Mode

[osswaldo]

Hallo zusammen,

I would like to implement an automatic dark mode. In the documentation I have already found that a dark theme can be permanently selected in the _custom_colors.scss. My idea was to wrap this theme in some kind of condition. I can program, but unfortunately my CSS skills are 0 and so I only tested what I could google:

@import 'mate_color_schemes/mate_dark_colors' and (prefers-color-scheme: dark);

@media (prefers-color-scheme: dark) {
    @import 'mate_color_schemes/mate_dark_colors';
}

[data-theme="dark"] {
  @import 'mate_color_schemes/mate_dark_colors';
}

The working line with no condition for persistent dark mode is this:

@import 'mate_color_schemes/mate_dark_colors';

Unfortunately I didn't manage to achieve my goal with any of the filters, does anyone have another idea?

Thank you!

[seibtph]

Das ist leider nicht so einfach möglich einzubinden. Man müsste ein neues Farbschema für den Dark Mode anlegen und dort alle Farbangaben per CSS ändern. Man kann das leider nicht einfach mit ein paar Variablen umstellen. Wir können den Dark Mode integrieren, es würde aber etwa 2 - 3 Stunden Aufwand sein. Wärst du vielleicht bereit das etwas zu unterstützen, wenn du das Feature aktuell noch benötigst?