diff --git a/styles/hoppscotch/catppuccin.user.less b/styles/hoppscotch/catppuccin.user.less
index de194d052e..5a2d3d1e6c 100644
--- a/styles/hoppscotch/catppuccin.user.less
+++ b/styles/hoppscotch/catppuccin.user.less
@@ -30,26 +30,28 @@
     #lib.palette();
     #lib.defaults();
     // TODO: Do we need to set the selection color in the defaults? Why is it necessary here but not elsewhere?
-    ::selection {
-      color: @text !important;
+    // * This is set to `unset` to prevent the text from disappearing, which allows it to maintain the color from the code highlighter.
+    .cm-editor ::selection {
+       color: unset !important;
+       background: transparent !important;
     }
 
     @accent-light-alpha: 1.1;
-    @accent-dark-alpha: 0.9;
+    @accent-dark-alpha: 80%;
     @accent-gradient-from-color: 1.05;
     @accent-gradient-via-color: 1.2;
     @accent-gradient-to-color: 0.85;
 
     --primary-color: @base;
-    --primary-light-color: @surface1;
+    --primary-light-color: @mantle;
     --primary-dark-color: @crust;
     --primary-contrast-color: @mantle;
     --secondary-color: @subtext0;
     --secondary-light-color: @subtext0;
     --secondary-dark-color: @subtext1;
-    --divider-color: @overlay0;
-    --divider-light-color: @overlay1;
-    --divider-dark-color: @surface2;
+    --divider-color: @surface0;
+    --divider-light-color: @surface0;
+    --divider-dark-color: @surface0;
     --error-color: @red;
     --tooltip-color: @text;
     --popover-color: @crust;
@@ -73,17 +75,23 @@
     --gradient-to-color: fade(@accent, @accent-gradient-to-color);
 
     --editor-process-color: @text;
+    --banner-info-color: fade(@blue, 20%);
 
-    .ͼ1 .cm-placeholder {
+    .cm-editor .cm-placeholder {
       color: @text;
     }
 
     .cm-focused .cm-activeLine {
-      background-color: @surface0;
+      background-color: fade(@surface1, 10%);
     }
 
     .cm-focused .cm-activeLineGutter {
-      background-color: @surface2;
+      background-color: fade(@surface1, 20%);
+    }
+      
+    .cm-selectionBackground, 
+    .autocomplete-wrapper .cm-editor ::selection  { 
+      background: fade(@accent, 30%) !important; 
     }
   }
 }