fix: Update assets and resolve highlights

src/bin/assets/catppuccin-highlight.css

@@ -1,6 +1,16 @@
 .mocha code,
 .mocha .hljs {
-  background: #181825 !important;
+  background: #181825;
+}
+.mocha code .hljs-attr,
+.mocha code .hljs-string {
+  color: #a6e3a1;
+}
+.mocha code .hljs-tag {
+  color: #f38ba8;
+}
+.mocha code .hljs-name {
+  color: #f2cdcd;
 }
 .mocha pre .hljs {
   background: #181825 !important;
@@ -26,7 +36,6 @@
 }
 .mocha pre .hljs-attr,
 .mocha pre .hljs-meta-keyword {
-  font-style: italic;
   color: #a6e3a1 !important;
 }
 .mocha pre .hljs-type {
@@ -35,6 +44,9 @@
 .mocha pre .hljs-string {
   color: #a6e3a1 !important;
 }
+.mocha pre .hljs-tag {
+  color: #f38ba8 !important;
+}
 .mocha pre .hljs-meta,
 .mocha pre .hljs-name,
 .mocha pre .hljs-symbol,
@@ -76,7 +88,17 @@
 
 .macchiato code,
 .macchiato .hljs {
-  background: #1e2030 !important;
+  background: #1e2030;
+}
+.macchiato code .hljs-attr,
+.macchiato code .hljs-string {
+  color: #a6da95;
+}
+.macchiato code .hljs-tag {
+  color: #ed8796;
+}
+.macchiato code .hljs-name {
+  color: #f0c6c6;
 }
 .macchiato pre .hljs {
   background: #1e2030 !important;
@@ -102,7 +124,6 @@
 }
 .macchiato pre .hljs-attr,
 .macchiato pre .hljs-meta-keyword {
-  font-style: italic;
   color: #a6da95 !important;
 }
 .macchiato pre .hljs-type {
@@ -111,6 +132,9 @@
 .macchiato pre .hljs-string {
   color: #a6da95 !important;
 }
+.macchiato pre .hljs-tag {
+  color: #ed8796 !important;
+}
 .macchiato pre .hljs-meta,
 .macchiato pre .hljs-name,
 .macchiato pre .hljs-symbol,
@@ -152,7 +176,17 @@
 
 .frappe code,
 .frappe .hljs {
-  background: #292c3c !important;
+  background: #292c3c;
+}
+.frappe code .hljs-attr,
+.frappe code .hljs-string {
+  color: #a6d189;
+}
+.frappe code .hljs-tag {
+  color: #e78284;
+}
+.frappe code .hljs-name {
+  color: #eebebe;
 }
 .frappe pre .hljs {
   background: #292c3c !important;
@@ -178,7 +212,6 @@
 }
 .frappe pre .hljs-attr,
 .frappe pre .hljs-meta-keyword {
-  font-style: italic;
   color: #a6d189 !important;
 }
 .frappe pre .hljs-type {
@@ -187,6 +220,9 @@
 .frappe pre .hljs-string {
   color: #a6d189 !important;
 }
+.frappe pre .hljs-tag {
+  color: #e78284 !important;
+}
 .frappe pre .hljs-meta,
 .frappe pre .hljs-name,
 .frappe pre .hljs-symbol,
@@ -228,7 +264,17 @@
 
 .latte code,
 .latte .hljs {
-  background: #e6e9ef !important;
+  background: #e6e9ef;
+}
+.latte code .hljs-attr,
+.latte code .hljs-string {
+  color: #40a02b;
+}
+.latte code .hljs-tag {
+  color: #d20f39;
+}
+.latte code .hljs-name {
+  color: #dd7878;
 }
 .latte pre .hljs {
   background: #e6e9ef !important;
@@ -254,7 +300,6 @@
 }
 .latte pre .hljs-attr,
 .latte pre .hljs-meta-keyword {
-  font-style: italic;
   color: #40a02b !important;
 }
 .latte pre .hljs-type {
@@ -263,6 +308,9 @@
 .latte pre .hljs-string {
   color: #40a02b !important;
 }
+.latte pre .hljs-tag {
+  color: #d20f39 !important;
+}
 .latte pre .hljs-meta,
 .latte pre .hljs-name,
 .latte pre .hljs-symbol,

src/bin/assets/catppuccin.css

@@ -12,7 +12,7 @@
   --links: #89b4fa;
   --inline-code-color: #fab387;
   --theme-popup-bg: #181825;
-  --theme-popup-border: #11111b;
+  --theme-popup-border: #6c7086;
   --theme-hover: #6c7086;
   --quote-bg: #181825;
   --quote-border: #11111b;
@@ -43,7 +43,7 @@
   --links: #8aadf4;
   --inline-code-color: #f5a97f;
   --theme-popup-bg: #1e2030;
-  --theme-popup-border: #181926;
+  --theme-popup-border: #6e738d;
   --theme-hover: #6e738d;
   --quote-bg: #1e2030;
   --quote-border: #181926;
@@ -74,7 +74,7 @@
   --links: #8caaee;
   --inline-code-color: #ef9f76;
   --theme-popup-bg: #292c3c;
-  --theme-popup-border: #232634;
+  --theme-popup-border: #737994;
   --theme-hover: #737994;
   --quote-bg: #292c3c;
   --quote-border: #232634;
@@ -105,7 +105,7 @@
   --links: #1e66f5;
   --inline-code-color: #fe640b;
   --theme-popup-bg: #e6e9ef;
-  --theme-popup-border: #dce0e8;
+  --theme-popup-border: #9ca0b0;
   --theme-hover: #9ca0b0;
   --quote-bg: #e6e9ef;
   --quote-border: #dce0e8;