codex update the css.

2026-04-28 05:50:49 +08:00 · 2026-03-22 12:36:46 +08:00
parent ecc0ab08f8
commit 6534dc58ab
4 changed files with 661 additions and 270 deletions
@@ -1,35 +1,79 @@
-
-code.sourceCode
-{
-    background: inherit
+:root {
+    --syntax-alert: #c2410c;
+    --syntax-annotation: #0f766e;
+    --syntax-attribute: #2563eb;
+    --syntax-number: #7c3aed;
+    --syntax-control: #4d7c0f;
+    --syntax-char: #0f766e;
+    --syntax-constant: #9f1239;
+    --syntax-comment: #7b8794;
+    --syntax-doc: #b45309;
+    --syntax-type-bg: #efe7ff;
+    --syntax-error: #dc2626;
+    --syntax-function: #0f4c81;
+    --syntax-import: #0d9488;
+    --syntax-preprocessor: #92400e;
+    --syntax-special: #0369a1;
+    --syntax-string: #15803d;
+    --syntax-variable: #1d4ed8;
 }
-pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-code span.al { color: #CB4B16; font-weight: bold; } /* Alert */
-code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
-code span.at { color: #7d9029; } /* Attribute */
-code span.bn { color: #D33682; } /* BaseN */
-code span.bu { } /* BuiltIn */
-code span.cf { color: #5F8700; font-weight: bold; } /* ControlFlow */
-code span.ch { color: #16801a; } /* Char */
-code span.cn { color: #880000; } /* Constant */
-code span.co { color: #93A1A1; font-style: italic; } /* Comment */
-code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
-code span.do { color: #ba2121; font-style: italic; } /* Documentation */
-code span.dt { background-color: #f8edff; } /* DataType */
-code span.dv { color: #D33682; } /* DecVal */
-code span.er { color: #D30102; font-weight: bold; } /* Error */
-code span.ex { } /* Extension */
-code span.fl { color: #D33682; } /* Float */
-code span.fu {  } /* Function */
-code span.im { color: #D70000} /* Import */
-code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
-code span.kw { font-weight: bold; } /* Keyword */
-code span.op { font-weight: bold; } /* Operator */
-code span.ot { font-weight: bold; } /* Other */
-code span.pp { color: #bc7a00; } /* Preprocessor */
-code span.sc { color: #4070a0; } /* SpecialChar */
-code span.ss { color: #bb6688; } /* SpecialString */
-code span.st { color: #16801a; } /* String */
-code span.va { color: #19177c; } /* Variable */
-code span.vs { color: #4070a0; } /* VerbatimString */
-code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --syntax-alert: #fdba74;
+        --syntax-annotation: #99f6e4;
+        --syntax-attribute: #93c5fd;
+        --syntax-number: #d8b4fe;
+        --syntax-control: #bef264;
+        --syntax-char: #86efac;
+        --syntax-constant: #fda4af;
+        --syntax-comment: #94a3b8;
+        --syntax-doc: #fcd34d;
+        --syntax-type-bg: rgba(216, 180, 254, 0.16);
+        --syntax-error: #f87171;
+        --syntax-function: #bfdbfe;
+        --syntax-import: #5eead4;
+        --syntax-preprocessor: #fdba74;
+        --syntax-special: #7dd3fc;
+        --syntax-string: #86efac;
+        --syntax-variable: #c4b5fd;
+    }
+}
+
+code.sourceCode {
+    background: inherit;
+}
+
+pre > code.sourceCode > span > a:first-child::before {
+    text-decoration: underline;
+}
+
+code span.al { color: var(--syntax-alert); font-weight: 700; }
+code span.an { color: var(--syntax-annotation); font-weight: 700; font-style: italic; }
+code span.at { color: var(--syntax-attribute); }
+code span.bn { color: var(--syntax-number); }
+code span.bu { color: var(--syntax-function); }
+code span.cf { color: var(--syntax-control); font-weight: 700; }
+code span.ch { color: var(--syntax-char); }
+code span.cn { color: var(--syntax-constant); }
+code span.co { color: var(--syntax-comment); font-style: italic; }
+code span.cv { color: var(--syntax-annotation); font-weight: 700; font-style: italic; }
+code span.do { color: var(--syntax-doc); font-style: italic; }
+code span.dt { background-color: var(--syntax-type-bg); }
+code span.dv { color: var(--syntax-number); }
+code span.er { color: var(--syntax-error); font-weight: 700; }
+code span.ex { color: var(--syntax-function); }
+code span.fl { color: var(--syntax-number); }
+code span.fu { color: var(--syntax-function); }
+code span.im { color: var(--syntax-import); }
+code span.in { color: var(--syntax-annotation); font-weight: 700; font-style: italic; }
+code span.kw { color: var(--syntax-control); font-weight: 700; }
+code span.op { color: var(--syntax-function); font-weight: 700; }
+code span.ot { color: var(--syntax-special); font-weight: 700; }
+code span.pp { color: var(--syntax-preprocessor); }
+code span.sc { color: var(--syntax-special); }
+code span.ss { color: var(--syntax-number); }
+code span.st { color: var(--syntax-string); }
+code span.va { color: var(--syntax-variable); }
+code span.vs { color: var(--syntax-special); }
+code span.wa { color: var(--syntax-annotation); font-weight: 700; font-style: italic; }