fix(theme): replace @theme dark with .dark selector for correct light/dark variable switching
This commit is contained in:
parent
8f2f00244c
commit
1a78896bc4
25
input.css
25
input.css
@ -22,19 +22,6 @@
|
|||||||
--main-width-paper: 720px;
|
--main-width-paper: 720px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@theme dark {
|
|
||||||
/* PaperMod Dark Theme */
|
|
||||||
--color-paper-theme: #1d1e20;
|
|
||||||
--color-paper-entry: #2e2e33;
|
|
||||||
--color-paper-primary: #dadadb;
|
|
||||||
--color-paper-secondary: #9b9c9d;
|
|
||||||
--color-paper-tertiary: #414244;
|
|
||||||
--color-paper-content: #c4c4c5;
|
|
||||||
--color-paper-code-block: #2e2e33;
|
|
||||||
--color-paper-code-bg: #37383e;
|
|
||||||
--color-paper-border: #333333;
|
|
||||||
}
|
|
||||||
|
|
||||||
@layer base {
|
@layer base {
|
||||||
html {
|
html {
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
@ -45,6 +32,18 @@
|
|||||||
color: var(--color-paper-primary);
|
color: var(--color-paper-primary);
|
||||||
transition: background-color 0.3s ease, color 0.3s ease;
|
transition: background-color 0.3s ease, color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dark {
|
||||||
|
--color-paper-theme: #1d1e20;
|
||||||
|
--color-paper-entry: #2e2e33;
|
||||||
|
--color-paper-primary: #dadadb;
|
||||||
|
--color-paper-secondary: #9b9c9d;
|
||||||
|
--color-paper-tertiary: #414244;
|
||||||
|
--color-paper-content: #c4c4c5;
|
||||||
|
--color-paper-code-block: #2e2e33;
|
||||||
|
--color-paper-code-bg: #37383e;
|
||||||
|
--color-paper-border: #333333;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@layer components {
|
@layer components {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user