Fix Dark Theme Application Architecture
This commit is contained in:
1 parent
1f5453f755
commit
44b7d6097e
6 files changed
+29
-28
No files matched your search
+15
-7
@@ -13,15 +13,23 @@
|
||||
--motion-duration-multiplier: 0 !important;
|
||||
}
|
||||
|
||||
html.dark-theme {
|
||||
color: white;
|
||||
html {
|
||||
color-scheme: light;
|
||||
--if-dark: initial;
|
||||
|
||||
& > body {
|
||||
background-color: oklch(0.1776 0 0);
|
||||
}
|
||||
&.dark-theme {
|
||||
--if-dark: ;
|
||||
color-scheme: dark;
|
||||
color: white;
|
||||
|
||||
section.feature-block {
|
||||
background-color: oklch(0 0 0 / 60%);
|
||||
& > body {
|
||||
background-color: oklch(0.1776 0 0);
|
||||
}
|
||||
|
||||
section.feature-block {
|
||||
background-color: oklch(0 0 0 / 60%);
|
||||
outline: 2px solid oklch(1 0 0 / 20%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user