Added color-scheme opt-in
This commit is contained in:
parent
b921b9d993
commit
8c40eaff50
3 changed files with 6 additions and 3 deletions
|
@ -14,6 +14,8 @@
|
||||||
|
|
||||||
/* 🎨 Colors */
|
/* 🎨 Colors */
|
||||||
:root {
|
:root {
|
||||||
|
color-scheme: light dark;
|
||||||
|
|
||||||
--color-bg: #f5eff2;
|
--color-bg: #f5eff2;
|
||||||
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
|
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
|
||||||
--color-fg: #2a2d37;
|
--color-fg: #2a2d37;
|
||||||
|
@ -366,7 +368,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
body.app-body {
|
body.app-body {
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg);
|
||||||
color: var(--color-fg);
|
color: var(--color-fg);
|
||||||
|
|
|
@ -14,6 +14,8 @@
|
||||||
|
|
||||||
/* 🎨 Colors */
|
/* 🎨 Colors */
|
||||||
:root {
|
:root {
|
||||||
|
color-scheme: light dark;
|
||||||
|
|
||||||
--color-bg: #f2eff5;
|
--color-bg: #f2eff5;
|
||||||
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
|
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
|
||||||
--color-fg: #2a2d37;
|
--color-fg: #2a2d37;
|
||||||
|
@ -366,7 +368,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
body.app-body {
|
body.app-body {
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg);
|
||||||
color: var(--color-fg);
|
color: var(--color-fg);
|
||||||
|
|
|
@ -14,6 +14,8 @@
|
||||||
|
|
||||||
/* 🎨 Colors */
|
/* 🎨 Colors */
|
||||||
:root {
|
:root {
|
||||||
|
color-scheme: light dark;
|
||||||
|
|
||||||
--color-bg: #f5f2ef;
|
--color-bg: #f5f2ef;
|
||||||
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
|
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
|
||||||
--color-fg: #2a2d37;
|
--color-fg: #2a2d37;
|
||||||
|
@ -366,7 +368,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
body.app-body {
|
body.app-body {
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg);
|
||||||
color: var(--color-fg);
|
color: var(--color-fg);
|
||||||
|
|
Loading…
Reference in a new issue