feat: 1.样式主题模块化

package.json

@@ -30,6 +30,8 @@
         "build": "pnpm run build-only",
         "build:check": "run-p type-check build-only",
         "d:theme": "sass --watch ./src/styles/theme/index.scss ../juckz.github.io/blogs/.obsidian/themes/\"Awesome Brain Manager\"/theme.css",
+        "t:theme": "sass --watch ./src/styles/theme/index.scss ./dest/out.css",
+
         "preview": "vite preview",
         "test": "vitest",
         "test:unit": "vitest --environment jsdom --root src/",

src/main.scss

@@ -1,3 +1,4 @@
 @import 'styles/hover-editor';
 @import 'styles/emoji-modal';
 @import 'styles/update-modal';
+// @import 'styles/theme';

src/styles/theme/index.scss

@@ -1,4 +1,16 @@
 // https://github.com/whyt-byte/Blue-Topaz_Obsidian-css and https://github.com/kepano/obsidian-minimal
+
+@mixin namespace($namespace) {
+    @at-root {
+
+        //.#{$namespace} & {
+        //    @content;
+        //}
+        &.#{$namespace} {
+            @content;
+        }
+    }
+}
 @import 'obsidian-default-theme';
 @import 'styles-setting';
 @import 'fonts';
@@ -14,15 +26,21 @@
 @import 'checkbox';
 
 body {
-    --theme-color: var(--interactive-accent);
-    /*radius*/
-    --radius-xs: 3px;
-    --radius-s: 5px;
-    --radius-m: 7px;
-    --radius-l: 15px;
-    --font-size-preview-blockquote: 1em;
-    --callout-color: var(--interactive-accent-rgb);
-    // tag
-    --font-size-tag: 0.75em;
-    --font-family-special-tag: "Lucida Handwriting", "Segoe UI Emoji";
+    @include namespace('mod-windows') {
+        --theme-color: var(--interactive-accent);
+        /*radius*/
+        --radius-xs: 3px;
+        --radius-s: 5px;
+        --radius-m: 7px;
+        --radius-l: 15px;
+        --font-size-preview-blockquote: 1em;
+        --callout-color: var(--interactive-accent-rgb);
+        // tag
+        --font-size-tag: 0.75em;
+        --font-family-special-tag: "Lucida Handwriting", "Segoe UI Emoji";
+    }
 }
+
+// .mod-windows {
+//     @extend body;
+// }