chore(react.dev): Applied requested changes

catppuccin · Feb 1, 2025 · 1bf6bf2 · 1bf6bf2
1 parent 55e3c48
commit 1bf6bf2
Showing 1 changed file with 49 additions and 17 deletions.
diff --git a/styles/react.dev/catppuccin.user.less b/styles/react.dev/catppuccin.user.less
@@ -77,6 +77,10 @@
       color: @text;
     }
 
+    .dark\:text-primary-dark {
+      color: @text;
+    }
+
     .text-secondary {
       color: @text;
     }
@@ -96,27 +100,23 @@
 
     // color divs text
 
-    .text-colors(@color) {
+    #color-and-svg(@color) {
       color: @color !important;
       svg {
         color: @color !important;
       }
     }
-
     .text-red-50, .text-red-40 {
-      .text-colors(@red);
+      #color-and-svg(@red);
     }
-
     .text-purple-50, .text-purple-30, .text-purple-60 {
-      .text-colors(@mauve);
+      #color-and-svg(@mauve);
     }
-
     .text-blue-50, .text-blue-40, .text-blue-60 {
-      .text-colors(@blue);
+      #color-and-svg(@blue);
     }
-
     .text-yellow-40, .text-yellow-50, .text-yellow-60 {
-      .text-colors(@yellow);
+      #color-and-svg(@yellow);
     }
 
     .text-green-60, .text-green-40 {
@@ -130,7 +130,7 @@
 
     .text-link,
     .text-link-dark {
-      color: @accent;
+      color: @accent ;
     }
 
     //hover styling
@@ -192,6 +192,10 @@
       border-color: @lavender;
     }
 
+    .dark\:border-purple-30, .border-purple-30 {
+      border-color: @mauve;
+    }
+
     .border-green-40 {
       border-color: @green;
     }
@@ -204,6 +208,10 @@
       border-color: @accent;
     }
 
+    .dark\:border-link-dark {
+      border-color: @accent;
+    }
+
     //backgrounds styling
 
     .bg-card-dark,
@@ -269,14 +277,23 @@
       background-color: @base;
     }
 
-    .color-divs(@divColor) {
+    #color-fragment-style(@divColor) {
       background-color: fade(@divColor, 40%);
       color: @text;
 
       p {
         color: @text;
       }
 
+      button {
+        background-color: darken(@mauve, 13%) !important;
+
+        svg {
+          color: @text !important;
+        }
+
+      }
+
       .text-primary {
         color: @text;
       }
@@ -291,27 +308,28 @@
 
       .bg-link {
         background-color: @accent;
+        color: @text;
       }
     }
 
     .bg-green-5, .bg-green-60, .bg-green-40 {
-      .color-divs(@green);
+      #color-fragment-style(@green);
     }
 
     .bg-red-5, .bg-red-60 {
-      .color-divs(@red);
+      #color-fragment-style(@red);
     }
 
     .bg-yellow-5, .bg-yellow-60, .bg-yellow-40 {
-      .color-divs(@peach);
+      #color-fragment-style(@peach);
     }
 
     .bg-purple-5, .bg-purple-60, .bg-purple-40 {
-      .color-divs(@mauve);
+      #color-fragment-style(@mauve);
     }
 
     .bg-blue-10, .bg-blue-60, .bg-blue-40 {
-      .color-divs(@blue);
+      #color-fragment-style(@blue);
     }
 
     .bg-red-30 {
@@ -333,6 +351,17 @@
       background-color: @base !important;
     }
 
+    // outline styling
+
+    .outline-link {
+      outline-color: @accent;
+    }
+
+    .focus\:outline-link:focus {
+      outline-color: @accent;
+    }
+
+
     // docsearch styling
 
     --docsearch-modal-background: @base !important;
@@ -360,7 +389,6 @@
         color: @text;
       }
     }
-
     .DocSearch-Hit {
       .DocSearch-Hit-title {
         color: @text;
@@ -388,6 +416,10 @@
       color: @text;
     }
 
+    .DocSearch-Cancel {
+      color: @accent;
+    }
+
     .DocSearch-Footer {
       background-color: @base;