extract syntax styles (#452)

Author: mbostock

src/style/syntax-dark.css

@@ -0,0 +1,18 @@
+:root {
+  --syntax-keyword: #ff7b72;
+  --syntax-entity: #d2a8ff;
+  --syntax-constant: #79c0ff;
+  --syntax-string: #a5d6ff;
+  --syntax-variable: #ffa657;
+  --syntax-comment: var(--theme-foreground-muted);
+  --syntax-entity-tag: #7ee787;
+  --syntax-storage-modifier-import: #c9d1d9;
+  --syntax-markup-heading: #1f6feb;
+  --syntax-markup-list: #f2cc60;
+  --syntax-markup-italic: #c9d1d9;
+  --syntax-markup-bold: #c9d1d9;
+  --syntax-markup-inserted: #aff5b4;
+  --syntax-markup-inserted-background: #033a16;
+  --syntax-markup-deleted: #ffdcd7;
+  --syntax-markup-deleted-background: #67060c;
+}

src/style/syntax-light.css

@@ -0,0 +1,18 @@
+:root {
+  --syntax-keyword: #d73a49;
+  --syntax-entity: #6f42c1;
+  --syntax-constant: #005cc5;
+  --syntax-string: #032f62;
+  --syntax-variable: #e36209;
+  --syntax-comment: var(--theme-foreground-muted);
+  --syntax-entity-tag: #22863a;
+  --syntax-storage-modifier-import: #24292e;
+  --syntax-markup-heading: #005cc5;
+  --syntax-markup-list: #735c0f;
+  --syntax-markup-italic: #24292e;
+  --syntax-markup-bold: #24292e;
+  --syntax-markup-inserted: #22863a;
+  --syntax-markup-inserted-background: #f0fff4;
+  --syntax-markup-deleted: #b31d28;
+  --syntax-markup-deleted-background: #ffeef0;
+}

src/style/theme-dark.css

@@ -1,3 +1,5 @@
+@import url("./syntax-dark.css");
+
 :root {
   --theme-foreground: rgb(223, 223, 214);
   --theme-background: rgb(31, 31, 31);
@@ -10,22 +12,3 @@
   --theme-foreground-focus: oklch(0.712564 0.257662 265.758);
   color-scheme: dark;
 }
-
-:root {
-  --syntax-keyword: #ff7b72;
-  --syntax-entity: #d2a8ff;
-  --syntax-constant: #79c0ff;
-  --syntax-string: #a5d6ff;
-  --syntax-variable: #ffa657;
-  --syntax-comment: var(--theme-foreground-muted);
-  --syntax-entity-tag: #7ee787;
-  --syntax-storage-modifier-import: #c9d1d9;
-  --syntax-markup-heading: #1f6feb;
-  --syntax-markup-list: #f2cc60;
-  --syntax-markup-italic: #c9d1d9;
-  --syntax-markup-bold: #c9d1d9;
-  --syntax-markup-inserted: #aff5b4;
-  --syntax-markup-inserted-background: #033a16;
-  --syntax-markup-deleted: #ffdcd7;
-  --syntax-markup-deleted-background: #67060c;
-}

src/style/theme-light.css

@@ -1,3 +1,5 @@
+@import url("./syntax-light.css");
+
 :root {
   --theme-foreground: rgb(27, 30, 35);
   --theme-background: rgb(255, 255, 255);
@@ -10,22 +12,3 @@
   --theme-foreground-focus: #3b5fc0;
   color-scheme: light;
 }
-
-:root {
-  --syntax-keyword: #d73a49;
-  --syntax-entity: #6f42c1;
-  --syntax-constant: #005cc5;
-  --syntax-string: #032f62;
-  --syntax-variable: #e36209;
-  --syntax-comment: var(--theme-foreground-muted);
-  --syntax-entity-tag: #22863a;
-  --syntax-storage-modifier-import: #24292e;
-  --syntax-markup-heading: #005cc5;
-  --syntax-markup-list: #735c0f;
-  --syntax-markup-italic: #24292e;
-  --syntax-markup-bold: #24292e;
-  --syntax-markup-inserted: #22863a;
-  --syntax-markup-inserted-background: #f0fff4;
-  --syntax-markup-deleted: #b31d28;
-  --syntax-markup-deleted-background: #ffeef0;
-}