[mod] simple theme: use :root instead of html to define CSS variables

This allows to use the CSS variables in inline svg.
This commit is contained in:
Alexandre Flament 2021-10-30 11:54:31 +02:00
parent d0a3164514
commit 60d595ea52

View file

@ -5,7 +5,7 @@
*/ */
/// Light Theme /// Light Theme
html { :root {
/// Base Colors /// Base Colors
--color-base-font: #444; --color-base-font: #444;
--color-base-font-rgb: 68, 68, 68; --color-base-font-rgb: 68, 68, 68;
@ -106,7 +106,7 @@ html {
/// Dark Theme (autoswitch based on device pref) /// Dark Theme (autoswitch based on device pref)
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { :root {
/// Base Colors /// Base Colors
--color-base-font: #bbb; --color-base-font: #bbb;
--color-base-font-rgb: 187, 187, 187; --color-base-font-rgb: 187, 187, 187;