feat: change primary variant to darker shade

SuperSuperDev · Dec 30, 2021 · 6e03900 · 6e03900
1 parent 8d39dc2
commit 6e03900
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/src/components/buttons/Button.tsx b/src/components/buttons/Button.tsx
@@ -39,11 +39,11 @@ export default function Button({
         'transition-colors duration-75',
         [
           variant === 'primary' && [
-            'bg-primary-400 text-white',
-            'border border-primary-500',
-            'hover:bg-primary-500 hover:text-white',
-            'active:bg-primary-600',
-            'disabled:bg-primary-600 disabled:hover:bg-primary-600',
+            'bg-primary-500 text-white',
+            'border border-primary-600',
+            'hover:bg-primary-600 hover:text-white',
+            'active:bg-primary-500',
+            'disabled:bg-primary-400 disabled:hover:bg-primary-400',
           ],
           variant === 'outline' && [
             'text-primary-500',

diff --git a/src/components/links/ButtonLink.tsx b/src/components/links/ButtonLink.tsx
@@ -36,11 +36,11 @@ export default function ButtonLink({
         'transition-colors duration-75',
         [
           variant === 'primary' && [
-            'bg-primary-400 text-white',
-            'border border-primary-500',
-            'hover:bg-primary-500 hover:text-white',
-            'active:bg-primary-600',
-            'disabled:bg-primary-600 disabled:hover:bg-primary-600',
+            'bg-primary-500 text-white',
+            'border border-primary-600',
+            'hover:bg-primary-600 hover:text-white',
+            'active:bg-primary-500',
+            'disabled:bg-primary-400 disabled:hover:bg-primary-400',
           ],
           variant === 'outline' && [
             'text-primary-500',

diff --git a/src/components/links/UnderlineLink.tsx b/src/components/links/UnderlineLink.tsx
@@ -1,3 +1,5 @@
+import * as React from 'react';
+
 import clsxm from '@/lib/clsxm';
 
 import UnstyledLink, {