ui: tweak code highlighting color to match themes

2026-09-04 23:44:11 +02:00 · 2019-09-14 15:47:51 -04:00
parent 5f76447e05
commit 543c16b412
2 changed files with 25 additions and 20 deletions
@@ -67,7 +67,31 @@ export const MarkdownWrapper = styled.div`
    ${modularScaleCSS(1)};
  }

+  :not(pre) > code[class*="language-"],
  pre[class*="language-"] {
-    overflow-x: scroll;
+    overflow-x: auto;
+    background: #192129;
+  }
+
+  pre[class*="language-"] {
+    .token.boolean,
+    .token.number,
+    .token.function {
+      color: #d48d5d;
+    }
+
+    .token.operator,
+    .token.entity,
+    .token.url {
+      color: #00add9;
+    }
+
+    .token.selector,
+    .token.important,
+    .token.atrule,
+    .token.keyword,
+    .token.builtin {
+      color: #d1529d;
+    }
  }
 `