Clean up syntax highlighting CSS

mui · Oct 30, 2024 · cf07621 · cf07621
1 parent 57ce431
commit cf07621
Showing 1 changed file with 2 additions and 30 deletions.
diff --git a/docs/src/syntax-highlighting/index.css b/docs/src/syntax-highlighting/index.css
@@ -1,18 +1,3 @@
-:root {
-  --syntax-default: var(--color-foreground);
-  --syntax-comment: var(--color-gray);
-  --syntax-constant: var(--color-purple);
-  --syntax-entity: var(--color-blue);
-  --syntax-parameter: var(--color-blue);
-  --syntax-tag: var(--color-green);
-  --syntax-keyword: var(--color-green);
-  --syntax-string: var(--color-navy);
-  --syntax-variable: var(--color-blue);
-  --syntax-invalid: var(--color-red);
-}
-
-/* GitHub-style hues */
-
 :root {
   --syntax-comment: var(--color-gray);
   --syntax-constant: var(--color-blue);
@@ -25,20 +10,7 @@
   --syntax-invalid: var(--color-red);
 }
 
-[data-language='css'] {
-  /* --syntax-default: var(--color-purple);
-  --syntax-comment: var(--color-gray);
+/* Target CSS property names, ugly but works */
+[data-language='css'] [style='color:var(--syntax-constant)']:first-child {
   --syntax-constant: var(--color-foreground);
-  --syntax-entity: var(--color-blue);
-  --syntax-parameter: var(--color-blue);
-  --syntax-tag: var(--color-green);
-  --syntax-keyword: var(--color-green);
-  --syntax-string: var(--color-navy);
-  --syntax-variable: var(--color-blue);
-  --syntax-invalid: var(--color-red); */
-
-  /* Target CSS property names */
-  /* & [style='color:var(--syntax-constant)']:first-child {
-    --syntax-constant: var(--color-purple);
-  } */
 }