chore(react.dev): Applied some requested changes

catppuccin · Jan 23, 2025 · 53aedd6 · 53aedd6
1 parent 1b197fb
commit 53aedd6
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 70 deletions.
diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml
@@ -907,8 +907,8 @@ userstyles:
     readme:
       app-link: https://app.raindrop.io
     current-maintainers: [*thismoon]
-  react:
-    name: React
+  react.dev:
+    name: React.dev
     categories: [development]
     icon: react
     color: sapphire

diff --git a/styles/react/catppuccin.user.less → styles/react.dev/catppuccin.user.less b/styles/react/catppuccin.user.less → styles/react.dev/catppuccin.user.less
@@ -1,11 +1,11 @@
 /* ==UserStyle==
-@name React Catppuccin
-@namespace github.com/catppuccin/userstyles/styles/react
-@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/react
+@name React.dev Catppuccin
+@namespace github.com/catppuccin/userstyles/styles/react.dev
+@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/react.dev
 @version 2000.01.01
-@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/react/catppuccin.user.less
-@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Areact
-@description Soothing pastel theme for React
+@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/react.dev/catppuccin.user.less
+@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Areact.dev
+@description Soothing pastel theme for React.dev
 @author Catppuccin
 @license MIT
 
@@ -87,7 +87,7 @@
     }
 
     .text-red-50, .text-red-30 {
-      color: @mantle!important;
+      color: @red!important;
     }
 
     .text-gray-50 {
@@ -136,13 +136,13 @@
       --sp-colors-surface2: @surface1;
       --sp-syntax-color-plain: @text;
       --sp-syntax-color-comment: @overlay2;
-      --sp-syntax-color-keyword: @sapphire;
-      --sp-syntax-color-tag: @peach;
-      --sp-syntax-color-punctuation: @text;
-      --sp-syntax-color-definition: @accent;
-      --sp-syntax-color-property: @sapphire;
+      --sp-syntax-color-keyword: @mauve;
+      --sp-syntax-color-tag: @blue;
+      --sp-syntax-color-punctuation: @overlay2;
+      --sp-syntax-color-definition: @yellow;
+      --sp-syntax-color-property: @blue;
       --sp-syntax-color-static: @peach;
-      --sp-syntax-color-string: @mauve;
+      --sp-syntax-color-string: @green;
     }
 
     //border styling
@@ -256,7 +256,7 @@
     }
 
     .bg-red-30 {
-      background-color: @red;
+      background-color: fade(@red, 10%);
     }
 
     .bg-gradient-right, .bg-gradient-right-dark {

diff --git a/styles/react/preview.webp → styles/react.dev/preview.webp b/styles/react/preview.webp → styles/react.dev/preview.webp
diff --git a/styles/react/README.md b/styles/react/README.md
diff --git a/styles/react/catppuccin.user.css b/styles/react/catppuccin.user.css