refactor: add accent subtle

justdlabs · Aug 22, 2024 · f512b20 · f512b20
1 parent 4e1f28c
commit f512b20
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 6 deletions.
diff --git a/src/resources/stubs/laravel/tailwind.config.laravel.stub b/src/resources/stubs/laravel/tailwind.config.laravel.stub
@@ -55,8 +55,10 @@ const config = withTV({
           fg: 'hsl(var(--tertiary-fg))'
         },
         accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          fg: 'hsl(var(--accent-fg))'
+          DEFAULT: "hsl(var(--accent))",
+          fg: "hsl(var(--accent-fg))",
+          subtle: "hsl(var(--accent-subtle))",
+          'subtle-fg': "hsl(var(--accent-subtle-fg))"
         },
         success: {
           DEFAULT: 'hsl(var(--success))',

diff --git a/src/resources/stubs/next/tailwind.config.next.stub b/src/resources/stubs/next/tailwind.config.next.stub
@@ -46,8 +46,10 @@ const config = withTV({
           fg: 'hsl(var(--tertiary-fg))'
         },
         accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          fg: 'hsl(var(--accent-fg))'
+          DEFAULT: "hsl(var(--accent))",
+          fg: "hsl(var(--accent-fg))",
+          subtle: "hsl(var(--accent-subtle))",
+          'subtle-fg': "hsl(var(--accent-subtle-fg))"
         },
         success: {
           DEFAULT: 'hsl(var(--success))',

diff --git a/src/resources/stubs/vite/tailwind.config.vite.stub b/src/resources/stubs/vite/tailwind.config.vite.stub
@@ -46,8 +46,10 @@ const config = withTV({
           fg: 'hsl(var(--tertiary-fg))'
         },
         accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          fg: 'hsl(var(--accent-fg))'
+          DEFAULT: "hsl(var(--accent))",
+          fg: "hsl(var(--accent-fg))",
+          subtle: "hsl(var(--accent-subtle))",
+          'subtle-fg': "hsl(var(--accent-subtle-fg))"
         },
         success: {
           DEFAULT: 'hsl(var(--success))',

diff --git a/src/resources/tailwind-css/app.css b/src/resources/tailwind-css/app.css
@@ -24,6 +24,9 @@
     --accent: 216.74 100% 50%;
     --accent-fg: 0 0% 100%;
 
+    --accent-subtle: 216.92 100% 97.45%;
+    --accent-subtle-fg: 216.74 100% 50%;
+
     --success: 161.38 93.55% 30.39%;
     --success-fg: 151.76 80.95% 95.88%;
 
@@ -68,6 +71,9 @@
     --accent: 216 98% 52%;
     --accent-fg: 0 0% 100%;
 
+    --accent-subtle: 216 93.75% 6.27%;
+    --accent-subtle-fg: 216 98% 52%;
+
     --tertiary: 240 10% 5.5%;
     --tertiary-fg: 240 5% 96%;