From 433776ca52acbf80609a17741eb2c3831c1e5424 Mon Sep 17 00:00:00 2001
From: terwer <youweics@163.com>
Date: Sun, 12 Mar 2023 01:46:27 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E9=87=8D=E6=9E=84=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84-=E9=87=8D=E6=9E=84=E4=B8=BB=E9=A2=98CSS?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .stylelintrc.json                   |  1 +
 apps/blog/.stylelintrc.json         |  1 +
 apps/theme/.stylelintrc.json        |  1 +
 styles/common/vars/vars-common.styl | 30 +++++++++++++++--------------
 4 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index 0c12f4d6..e51e31c6 100644
--- 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
index 0c12f4d6..e51e31c6 100644
--- 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
index 0c12f4d6..e51e31c6 100644
--- 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
index d9c95722..a30c3849 100644
--- 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)
\ No newline at end of file
+_code-content-bg-green = rgba(27, 31, 35, 5%)
+_list-hover-green = hsla(0deg, 0%, 60%, 15%)
\ No newline at end of file