fix code highlighter light theme styles

Sheraff · Jul 7, 2024 · 4fbecb0 · 4fbecb0
1 parent 9db8029
commit 4fbecb0
Showing 1 changed file with 91 additions and 89 deletions.
diff --git a/admin/client/global.css b/admin/client/global.css
@@ -77,124 +77,126 @@
 }
 
 @layer components {
-  .hljs-comment {
-    @apply text-stone-400;
-  }
+  .light {
+    .hljs-comment {
+      @apply text-stone-400;
+    }
 
-  .hljs-quote {
-    @apply text-stone-400;
-  }
+    .hljs-quote {
+      @apply text-stone-400;
+    }
 
-  .hljs-variable {
-    @apply text-red-600;
-  }
+    .hljs-variable {
+      @apply text-red-600;
+    }
 
-  .hljs-template-variable {
-    @apply text-red-600;
-  }
+    .hljs-template-variable {
+      @apply text-red-600;
+    }
 
-  .hljs-tag {
-    @apply text-red-600;
-  }
+    .hljs-tag {
+      @apply text-red-600;
+    }
 
-  .hljs-name {
-    @apply text-red-600;
-  }
+    .hljs-name {
+      @apply text-red-600;
+    }
 
-  .hljs-selector-id {
-    @apply text-red-600;
-  }
+    .hljs-selector-id {
+      @apply text-red-600;
+    }
 
-  .hljs-selector-class {
-    @apply text-red-600;
-  }
+    .hljs-selector-class {
+      @apply text-red-600;
+    }
 
-  .hljs-regexp {
-    @apply text-red-600;
-  }
+    .hljs-regexp {
+      @apply text-red-600;
+    }
 
-  .hljs-deletion {
-    @apply text-red-600;
-  }
+    .hljs-deletion {
+      @apply text-red-600;
+    }
 
-  .hljs-number {
-    @apply text-orange-500;
-  }
+    .hljs-number {
+      @apply text-orange-500;
+    }
 
-  .hljs-built_in {
-    @apply text-orange-500;
-  }
+    .hljs-built_in {
+      @apply text-orange-500;
+    }
 
-  .hljs-builtin-name {
-    @apply text-orange-500;
-  }
+    .hljs-builtin-name {
+      @apply text-orange-500;
+    }
 
-  .hljs-literal {
-    @apply text-orange-500;
-  }
+    .hljs-literal {
+      @apply text-orange-500;
+    }
 
-  .hljs-type {
-    @apply text-orange-500;
-  }
+    .hljs-type {
+      @apply text-orange-500;
+    }
 
-  .hljs-params {
-    @apply text-orange-500;
-  }
+    .hljs-params {
+      @apply text-orange-500;
+    }
 
-  .hljs-meta {
-    @apply text-orange-500;
-  }
+    .hljs-meta {
+      @apply text-orange-500;
+    }
 
-  .hljs-link {
-    @apply text-orange-500;
-  }
+    .hljs-link {
+      @apply text-orange-500;
+    }
 
-  .hljs-attribute {
-    @apply text-yellow-500;
-  }
+    .hljs-attribute {
+      @apply text-yellow-500;
+    }
 
-  .hljs-string {
-    @apply text-lime-600;
-  }
+    .hljs-string {
+      @apply text-lime-600;
+    }
 
-  .hljs-symbol {
-    @apply text-lime-600;
-  }
+    .hljs-symbol {
+      @apply text-lime-600;
+    }
 
-  .hljs-bullet {
-    @apply text-lime-600;
-  }
+    .hljs-bullet {
+      @apply text-lime-600;
+    }
 
-  .hljs-addition {
-    @apply text-lime-600;
-  }
+    .hljs-addition {
+      @apply text-lime-600;
+    }
 
-  .hljs-title {
-    @apply text-slate-500;
-  }
+    .hljs-title {
+      @apply text-slate-500;
+    }
 
-  .hljs-section {
-    @apply text-slate-500;
-  }
+    .hljs-section {
+      @apply text-slate-500;
+    }
 
-  .hljs-keyword {
-    @apply text-fuchsia-600;
-  }
+    .hljs-keyword {
+      @apply text-fuchsia-600;
+    }
 
-  .hljs-selector-tag {
-    @apply text-fuchsia-600;
-  }
+    .hljs-selector-tag {
+      @apply text-fuchsia-600;
+    }
 
-  .hljs {
-    @apply block overflow-x-auto text-neutral-600;
-  }
+    .hljs {
+      @apply block overflow-x-auto text-neutral-600;
+    }
 
-  .hljs-emphasis {
-    @apply italic;
-  }
+    .hljs-emphasis {
+      @apply italic;
+    }
 
-  .hljs-strong {
-    @apply font-bold;
+    .hljs-strong {
+      @apply font-bold;
+    }
   }
 
   .dark {