style(dark): 深色背景压至接近纯黑，表面层级与通道底色、markdown alert 同步压暗

Author: MKStoler1024

css/channels.css

@@ -15,18 +15,20 @@
 }
 
 html.dark {
-    /* 深色下不用高亮度粉彩，压暗一档，避免大面积色块刺眼 */
+    /* 深色下不用高亮度粉彩，压暗一档，避免大面积色块刺眼；
+       底色需贴近接近纯黑的页面背景（见 tokens.css），只保留极淡的色相倾向 */
     --icc-stable: #6fb87c;
-    --icc-stable-bg: #16281a;
+    --icc-stable-bg: #0e1a11;
     --icc-preview: #7aa9dd;
-    --icc-preview-bg: #131f2e;
+    --icc-preview-bg: #0c141d;
     --icc-beta: #a98fdc;
-    --icc-beta-bg: #1f1830;
+    --icc-beta-bg: #14101f;
     --icc-nightly: #d98d85;
-    --icc-nightly-bg: #2e1614;
+    --icc-nightly-bg: #1c0e0d;
 }
 
 
+
 /* ---------- 通道切换按钮 ---------- */
 .segmented-btn-badge {
     margin-left: 0.25rem;

css/markdown.css

@@ -160,8 +160,11 @@
 .md-alert--warning { --md-alert-color: #b26a00; }
 .md-alert--caution { --md-alert-color: #b3261e; }
 
-html.dark .md-alert--note { --md-alert-color: #9ecbff; }
-html.dark .md-alert--tip { --md-alert-color: #8fd99a; }
-html.dark .md-alert--important { --md-alert-color: #cdb4ff; }
-html.dark .md-alert--warning { --md-alert-color: #ffcf7a; }
-html.dark .md-alert--caution { --md-alert-color: #ffb4ab; }
+/* 深色下与通道色板保持同一档亮度，避免比接近纯黑的背景反差过大 */
+html.dark .md-alert--note { --md-alert-color: #7aa9dd; }
+html.dark .md-alert--tip { --md-alert-color: #6fb87c; }
+html.dark .md-alert--important { --md-alert-color: #a98fdc; }
+html.dark .md-alert--warning { --md-alert-color: #d9ab5e; }
+html.dark .md-alert--caution { --md-alert-color: #d98d85; }
+
+

css/tokens.css

@@ -72,18 +72,20 @@ html.dark {
     --md-sys-color-on-error: #690005;
     --md-sys-color-error-container: #93000a;
     --md-sys-color-on-error-container: #ffdad6;
-    --md-sys-color-background: #1a1c1e;
+    /* 深色底整体压到接近纯黑，层级之间只拉开很小的明度差 */
+    --md-sys-color-background: #0a0b0c;
     --md-sys-color-on-background: #e2e2e6;
-    --md-sys-color-surface: #1a1c1e;
+    --md-sys-color-surface: #0a0b0c;
     --md-sys-color-on-surface: #e2e2e6;
-    --md-sys-color-surface-variant: #42474e;
-    --md-sys-color-on-surface-variant: #c2c7cf;
-    --md-sys-color-outline: #8c9199;
-    --md-sys-color-outline-variant: #42474e;
+    --md-sys-color-surface-variant: #2a2d31;
+    --md-sys-color-on-surface-variant: #b3b8c0;
+    --md-sys-color-outline: #6b7078;
+    --md-sys-color-outline-variant: #2a2d31;
     --md-sys-color-shadow: #000000;
-    --md-sys-color-surface-container-lowest: #141619;
-    --md-sys-color-surface-container-low: #1a1c1e;
-    --md-sys-color-surface-container: #1e2022;
-    --md-sys-color-surface-container-high: #282b2d;
-    --md-sys-color-surface-container-highest: #333638;
+    --md-sys-color-surface-container-lowest: #000000;
+    --md-sys-color-surface-container-low: #101113;
+    --md-sys-color-surface-container: #141517;
+    --md-sys-color-surface-container-high: #1a1c1e;
+    --md-sys-color-surface-container-highest: #212326;
+
 }