From 75a0a7abfe8c3d68228c20aae6aa1549251b9bc2 Mon Sep 17 00:00:00 2001
From: NoriDev <m1nthing2322@gmail.com>
Date: Sat, 3 Sep 2022 23:48:29 +0900
Subject: [PATCH] enhance: Change button gradient color

---
 packages/client/src/components/ui/button.vue | 4 ++--
 packages/client/src/themes/_dark.json5       | 6 ++++--
 packages/client/src/themes/_light.json5      | 4 ++--
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/client/src/components/ui/button.vue b/packages/client/src/components/ui/button.vue
index 350629bf08..e5ea99d34a 100644
--- a/packages/client/src/components/ui/button.vue
+++ b/packages/client/src/components/ui/button.vue
@@ -189,11 +189,11 @@ export default defineComponent({
 		background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
 
 		&:not(:disabled):hover {
-			background: linear-gradient(90deg, var(--X8), var(--X8));
+			background: linear-gradient(90deg, var(--cherryX8), var(--pickX8));
 		}
 
 		&:not(:disabled):active {
-			background: linear-gradient(90deg, var(--X8), var(--X8));
+			background: linear-gradient(90deg, var(--cherryX8), var(--pickX8));
 		}
 	}
 
diff --git a/packages/client/src/themes/_dark.json5 b/packages/client/src/themes/_dark.json5
index 5c49fdf3b5..39f162b72d 100644
--- a/packages/client/src/themes/_dark.json5
+++ b/packages/client/src/themes/_dark.json5
@@ -59,8 +59,8 @@
 		cwHoverBg: '#707b97',
 		buttonBg: 'rgba(255, 255, 255, 0.05)',
 		buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
-		buttonGradateA: '@accent',
-		buttonGradateB: ':hue<20<@accent',
+		buttonGradateA: '@cherry',
+		buttonGradateB: '@pick',
 		swutchOffBg: 'rgba(255, 255, 255, 0.1)',
 		swutchOffFg: '@fg',
 		swutchOnBg: '@accentedBg',
@@ -82,8 +82,10 @@
 		deckDivider: '#000',
 		htmlThemeColor: '@bg',
 		cherry: '#ffa9c3',
+		cherryX8: ':lighten<5<@cherry',
 		pick: '#95e3e8',
 		pickLighten: ':lighten<10<@pick',
+		pickX8: ':lighten<5<@pick',
 		X2: ':darken<2<@panel',
 		X3: 'rgba(255, 255, 255, 0.05)',
 		X4: 'rgba(255, 255, 255, 0.1)',
diff --git a/packages/client/src/themes/_light.json5 b/packages/client/src/themes/_light.json5
index 2bd272d1df..4aacdadf61 100644
--- a/packages/client/src/themes/_light.json5
+++ b/packages/client/src/themes/_light.json5
@@ -59,8 +59,8 @@
 		cwHoverBg: '#bbc4ce',
 		buttonBg: 'rgba(0, 0, 0, 0.05)',
 		buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
-		buttonGradateA: '@accent',
-		buttonGradateB: ':hue<20<@accent',
+		buttonGradateA: '@cherry',
+		buttonGradateB: '@pick',
 		swutchOffBg: 'rgba(0, 0, 0, 0.1)',
 		swutchOffFg: '@panel',
 		swutchOnBg: '@accent',