softmixx background

Bulma CSS Framework

HTML, CSS und SASS

Dark mode in Bulma

[ 04.01.2023 | Alex]
Mal wieder was zu Bulma. Das CSS Framework tut sich ja immer noch schwer mit dem direkten Support der 'dark mode' Einstellung in Browsern und OS. Meine Lösung ist der Split der Color Schemes in zwei Dateien.

Der Feature Request ist ja immer noch offen, also habe ich die CSS Definitionen für den 'dark' oder 'light' mode in zwei verschiedene Dateien gepackt und importiere die passenden Styles aufgrund einer media query:

 @import url('/v/css/dwt-light.min.css') screen and (prefers-color-scheme: light);
 @import url('/v/css/dwt-dark.min.css') screen and (prefers-color-scheme: dark);