From 5a8051183a80b77b0795e2428c9c37100d786332 Mon Sep 17 00:00:00 2001
From: kokoakuma <aikw9101@gmail.com>
Date: Thu, 25 Apr 2024 14:06:31 +0000
Subject: [PATCH 1/3] add green200

for color contrast
---
 packages/composable/lib/useColor.ts | 1 +
 packages/model/lib/color.ts         | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/composable/lib/useColor.ts b/packages/composable/lib/useColor.ts
index 771566a2..2ea8051d 100644
--- a/packages/composable/lib/useColor.ts
+++ b/packages/composable/lib/useColor.ts
@@ -7,6 +7,7 @@ export function useColor() {
       .with('white', () => '#ffffff')
       .with('vue-blue', () => '#35495e')
       .with('vue-green', () => '#42b883')
+      .with('vue-green/200', () => '#208558')
       .with('asagi/100', () => '#33A6B8')
       .with('asagi/200', () => '#1A8191')
       .with('tohou/100', () => '#FFC408')
diff --git a/packages/model/lib/color.ts b/packages/model/lib/color.ts
index 872b2f56..84aaa468 100644
--- a/packages/model/lib/color.ts
+++ b/packages/model/lib/color.ts
@@ -2,6 +2,7 @@ export type Color =
   | 'white'
   | 'vue-blue'
   | 'vue-green'
+  | 'vue-green/200'
   | 'asagi/100'
   | 'asagi/200'
   | 'tohou/100'

From f2cd1b3e867c13d2b0911c3f48304bcebfe6494c Mon Sep 17 00:00:00 2001
From: kokoakuma <aikw9101@gmail.com>
Date: Thu, 25 Apr 2024 14:06:47 +0000
Subject: [PATCH 2/3] apply grenn200 to button

---
 apps/web/app/components/SponsorPageSection.vue | 2 +-
 apps/web/app/components/TopPageSection.vue     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/components/SponsorPageSection.vue b/apps/web/app/components/SponsorPageSection.vue
index 36310cc5..0c5e5fc3 100644
--- a/apps/web/app/components/SponsorPageSection.vue
+++ b/apps/web/app/components/SponsorPageSection.vue
@@ -45,7 +45,7 @@ const { color } = useColor()
           v-if="config.public.availableApplySponsor"
           class="sponsor-button"
           href="https://forms.gle/paxZqz55oXLE4Njn9"
-          background-color="vue-green"
+          background-color="vue-green/200"
           color="white"
         >
           {{ $t('sponsor.apply') }}
diff --git a/apps/web/app/components/TopPageSection.vue b/apps/web/app/components/TopPageSection.vue
index ec2f33bc..741d47c2 100644
--- a/apps/web/app/components/TopPageSection.vue
+++ b/apps/web/app/components/TopPageSection.vue
@@ -27,7 +27,7 @@ const { locale } = useI18n()
         <div class="link-buttons">
           <VFLinkButton
             class="link-button"
-            background-color="vue-green"
+            background-color="vue-green/200"
             color="white"
             icon-name="x22"
             href="https://twitter.com/vuefes"

From 74f4cc60e80981611beaa7eafc52a1816d7439dd Mon Sep 17 00:00:00 2001
From: kokoakuma <aikw9101@gmail.com>
Date: Thu, 25 Apr 2024 14:31:12 +0000
Subject: [PATCH 3/3] apply green200

---
 packages/ui/components/link/LinkButton.stories.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/components/link/LinkButton.stories.ts b/packages/ui/components/link/LinkButton.stories.ts
index 5f91b6b1..621544dd 100644
--- a/packages/ui/components/link/LinkButton.stories.ts
+++ b/packages/ui/components/link/LinkButton.stories.ts
@@ -6,7 +6,7 @@ export default {
   tags: ['autodocs'],
   component: LinkButton,
   args: {
-    backgroundColor: 'vue-green',
+    backgroundColor: 'vue-green/200',
     color: 'white',
     href: 'https://forms.gle/paxZqz55oXLE4Njn9',
   },