From 1a78896bc475b7c409e81ec005c09230b20b6c0e Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Wed, 3 Jun 2026 16:52:20 +0800
Subject: [PATCH] fix(theme): replace @theme dark with .dark selector for
 correct light/dark variable switching

---
 input.css | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/input.css b/input.css
index ca307f9..3a97044 100644
--- a/input.css
+++ b/input.css
@@ -22,19 +22,6 @@
   --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 {
   html {
     scroll-behavior: smooth;
@@ -45,6 +32,18 @@
     color: var(--color-paper-primary);
     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 {