From 70edbd9b99c96b326b2c54a379076a454d94d73b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateus=20Felipe=20Gon=C3=A7alves?=
 <mateusfelipefg77@gmail.com>
Date: Thu, 30 Nov 2023 17:40:14 +0000
Subject: [PATCH] feat(ui): improve blog/til content style

---
 src/styles/base.css       | 5 +----
 src/styles/components.css | 4 ++--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/styles/base.css b/src/styles/base.css
index 81adf539..d4137802 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -1,13 +1,10 @@
 @tailwind base;
 
 @layer base {
-  * {
-    @apply selection:bg-neutral-1000 selection:text-neutral-50 dark:selection:bg-neutral-50 dark:selection:text-neutral-1000;
-  }
-
   body {
     @apply bg-neutral-50 dark:bg-neutral-1000;
     @apply font-sans text-neutral-900 dark:text-neutral-300;
+    @apply selection:bg-neutral-1000 selection:text-neutral-50 dark:selection:bg-neutral-50 dark:selection:text-neutral-1000;
   }
 
   /* Syntax Highlighting */
diff --git a/src/styles/components.css b/src/styles/components.css
index 9434ffa3..a922528d 100644
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -180,7 +180,7 @@
 
     div[data-rehype-pretty-code-fragment=''] {
       @apply overflow-hidden rounded-lg;
-      @apply bg-black/5 dark:bg-white/5;
+      @apply bg-[rgb(240,240,240)] dark:bg-[rgb(15,15,15)];
 
       pre {
         @apply overflow-auto;
@@ -200,7 +200,7 @@
             }
 
             &.highlighted-word {
-              @apply bg-gray-500/10;
+              @apply rounded-lg bg-gray-500/10 p-1 leading-none;
             }
           }
         }