chore: 重构项目结构-重构主题CSS结构

terwer · Mar 11, 2023 · 433776c · 433776c
1 parent d594ac5
commit 433776c
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 14 deletions.
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -5,6 +5,7 @@
     "string-quotes": "double",
     "selector-combinator-space-after": "always",
     "custom-property-no-missing-var-function": false,
+    "color-function-notation": "legacy",
     "value-list-comma-space-before": "never",
     "value-list-comma-space-after": "always",
     "selector-class-pattern": null,

diff --git a/apps/blog/.stylelintrc.json b/apps/blog/.stylelintrc.json
@@ -5,6 +5,7 @@
     "string-quotes": "double",
     "selector-combinator-space-after": "always",
     "custom-property-no-missing-var-function": false,
+    "color-function-notation": "legacy",
     "value-list-comma-space-before": "never",
     "value-list-comma-space-after": "always",
     "selector-class-pattern": null,

diff --git a/apps/theme/.stylelintrc.json b/apps/theme/.stylelintrc.json
@@ -5,6 +5,7 @@
     "string-quotes": "double",
     "selector-combinator-space-after": "always",
     "custom-property-no-missing-var-function": false,
+    "color-function-notation": "legacy",
     "value-list-comma-space-before": "never",
     "value-list-comma-space-after": "always",
     "selector-class-pattern": null,

diff --git a/styles/common/vars/vars-common.styl b/styles/common/vars/vars-common.styl
@@ -12,26 +12,28 @@ _margin-zero = 0
 // 边框
 _border-radius-round = 50%
 
+
 // 颜色
+// -------------------------------------------------颜色-浅色模式---------------------------------------------------
 _body-bg-light = #f4f4f4
 _main-bg-light = #fff
-_sidebar-bg-light = hsla(0, 0%, 100%, 0.8)
-_blur-bg-light = hsla(0, 0%, 100%, 0.9)
+_sidebar-bg-light = hsla(0deg, 0%, 100%, 80%)
+_blur-bg-light = hsla(0deg, 0%, 100%, 90%)
 _custom-block-bg-light = #f1f1f1
 _primary-color-light = #00323c
 _text-color-light = #00323c
 _text-lighten-color-light = #0085ad
-_border-color-light = rgba(0, 0, 0, 0.12)
+_border-color-light = rgba(0, 0, 0, 12%)
 _code-bg-light = #f6f6f6
 _code-color-light = #525252
 _code-tab-bg-light = _main-bg-light
 _code-content-bg-light = #f8f9fa
-_list-hover-light = hsla(0,0%,60%,.15)
-
+_list-hover-light = hsla(0deg, 0%, 60%, 15%)
+// -------------------------------------------------颜色-暗黑模式---------------------------------------------------
 _body-bg-dark = #27272b
 _main-bg-dark = #1e1e22
-_sidebar-bg-dark = rgba(30, 30, 34, 0.8)
-_blur-bg-dark = rgba(30, 30, 34, 0.8)
+_sidebar-bg-dark = rgba(30, 30, 34, 80%)
+_blur-bg-dark = rgba(30, 30, 34, 80%)
 _custom-block-bg-dark = #27272b
 _primary-color-dark = #3573f0
 _text-color-dark = #9b9baa
@@ -41,19 +43,19 @@ _code-bg-dark = #252526
 _code-color-dark = #fff
 _code-tab-bg-dark = _main-bg-dark
 _code-content-bg-dark = #1e1e1e
-_list-hover-dark = hsla(0,0%,60%,.15)
-
+_list-hover-dark = hsla(0deg, 0%, 60%, 15%)
+// -------------------------------------------------颜色-护眼模式---------------------------------------------------
 _body-bg-green = #ececcc
 _main-bg-green = #f5f5d5
-_sidebar-bg-green = rgba(245, 245, 213, 0.8)
-_blur-bg-green = rgba(245, 245, 213, 0.9)
+_sidebar-bg-green = rgba(245, 245, 213, 80%)
+_blur-bg-green = rgba(245, 245, 213, 90%)
 _custom-block-bg-green = #ececcc
 _primary-color-green = #00323c
 _text-color-green = #704214
 _text-lighten-color-green = #963
-_border-color-green = rgba(0, 0, 0, 0.15)
+_border-color-green = rgba(0, 0, 0, 15%)
 _code-bg-green = #282c34
 _code-color-green = #fff
 _code-tab-bg-green = _main-bg-green
-_code-content-bg-green = rgba(27, 31, 35, .05)
-_list-hover-green = hsla(0,0%,60%,.15)
+_code-content-bg-green = rgba(27, 31, 35, 5%)
+_list-hover-green = hsla(0deg, 0%, 60%, 15%)