Merge pull request #388 from VirtualMetric:tweak-color-scheme

Update syntax highlighting to vivid color scheme

Author: KorayErkan

src/utils/coloring.ts

@@ -4,43 +4,54 @@ const baseTheme = themes.vsDark;
 
 const CustomTheme: PrismTheme = {
   ...baseTheme,
+  plain: {
+    ...baseTheme.plain,
+    backgroundColor: "#232830",
+    color: "#C8D8F0",
+  },
   styles: [
     ...baseTheme.styles,
 
-    // Identifiers / functions / variables: muted teal
+    // Identifiers / functions / variables: bright mint
     {
       types: ["parameter", "property", "attr-key", "function", "selector", "variable"],
-      style: { color: "#4EC9B0" },
+      style: { color: "#5CF5D4" },
     },
 
-    // Keywords / control words / rules: muted blue-purple
+    // Keywords / control words / rules: vivid blue
     {
       types: ["keyword", "atrule", "rule", "tag", "script", "unit"],
-      style: { color: "#569CD6" },
+      style: { color: "#7DCCFF" },
     },
 
-    // Operators: closer to normal foreground (less “shouting”)
+    // Operators: neutral foreground
     {
       types: ["operator"],
-      style: { color: "#D4D4D4" },
+      style: { color: "#E0E0E0" },
     },
 
-    // Numbers / booleans / constants: muted amber
+    // Numbers / booleans / constants: vivid gold
     {
       types: ["boolean", "number", "constant"],
-      style: { color: "#D7BA7D" },
+      style: { color: "#FFD166" },
     },
 
-    // Strings / attribute values: muted warm (very readable, not neon)
+    // Strings / attribute values: bright green
     {
       types: ["front-matter", "string", "attr-value"],
-      style: { color: "#CE9178" },
+      style: { color: "#A5F0C5" },
     },
 
-    // Comments: quieter gray + optional italics
+    // Punctuation: visible but subdued
+    {
+      types: ["punctuation"],
+      style: { color: "#D0D8E4" },
+    },
+
+    // Comments: quiet blue-gray + italics
     {
       types: ["comment"],
-      style: { color: "#8A8A8A", fontStyle: "italic" },
+      style: { color: "#8B949E", fontStyle: "italic" },
     },
   ],
 };