website/assets/style/detect-dark-mode.css

30 lines
769 B
CSS

/*
Imports the dark mode stylesheet only if the browser prefers dark mode
Dark mode can be forced by importing the CSS file below in the HTML
Light mode can be forced by not loading this file at all
*/
@import "/assets/style/light-mode.css";
@import "/assets/style/dark-mode.css" (prefers-color-scheme: dark);
/* Theme buttons */
/* Shouldn't be overriden by the detected theme */
.theme-btn {
padding-left: 3px !important;
text-decoration: underline !important;
cursor: pointer !important;
}
.theme-btn:hover {
text-decoration: none !important;
}
.theme-check {
display: none !important;
}
#auto-theme .theme-check {
display: inline !important;
}
#auto-theme .theme-btn {
text-decoration: none !important;
cursor: default !important;
}