feat(ui): update codeblock colors

mateusfg7 · Dec 10, 2022 · 5321914 · 5321914
1 parent 0e0674d
commit 5321914
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/styles/main.css b/src/styles/main.css
@@ -77,7 +77,7 @@
     }
 
     hr {
-      @apply my-8;
+      @apply my-8 bg-black/40 h-[2px];
     }
 
     blockquote {
@@ -109,16 +109,16 @@
     }
 
     code {
-      @apply bg-black/[.02] p-1;
+      @apply bg-black/[.05] p-1;
     }
 
     pre {
-      @apply bg-black/[.02];
+      @apply bg-black/[.05];
       @apply overflow-scroll;
 
       & > code {
         @apply grid;
-        @apply py-3 px-0;
+        @apply py-2 px-0;
         @apply bg-transparent;
 
         span {
@@ -127,7 +127,7 @@
           }
 
           &.highlighted-line {
-            @apply bg-gray-500/10 border-l border-l-gray-500;
+            @apply bg-gray-500/10 border-l-2 border-l-gray-500;
           }
 
           &.highlighted-word {
@@ -150,7 +150,7 @@
     }
 
     div[data-rehype-pretty-code-title=''] {
-      @apply bg-black/[.02] p-3;
+      @apply bg-black/[.05] p-3;
       @apply italic text-gray-500;
       @apply border-b border-b-gray-300;
     }