fix(theme): replace @theme dark with .dark selector for correct light/dark variable switching

This commit is contained in:
xfy 2026-06-03 16:52:20 +08:00
parent 8f2f00244c
commit 1a78896bc4

View File

@ -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 {