From 43f59403e7100ccb4041c8c63eef043d167111fa Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Thu, 13 Mar 2025 13:03:34 +0800
Subject: [PATCH] fix(stage-ui): global theme-hue-slider color

---
 packages/stage-ui/stories/Colors.story.vue | 18 ------------------
 packages/stage-ui/stories/main.css         | 18 ++++++++++++++++++
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/packages/stage-ui/stories/Colors.story.vue b/packages/stage-ui/stories/Colors.story.vue
index 1a27cff89..a5d1588de 100644
--- a/packages/stage-ui/stories/Colors.story.vue
+++ b/packages/stage-ui/stories/Colors.story.vue
@@ -59,24 +59,6 @@ const opacities = [5, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
 </template>
 
 <style>
-.primary-color-bar {
-  @apply w-full h-full flex-1 flex items-center justify-center;
-}
-
-.theme-hue-slider {
-  @apply flex-1 w-full h-2 rounded-full appearance-none;
-  background: linear-gradient(
-    to right,
-    oklch(85% 0.2 0),
-    oklch(85% 0.2 60),
-    oklch(85% 0.2 120),
-    oklch(85% 0.2 180),
-    oklch(85% 0.2 240),
-    oklch(85% 0.2 300),
-    oklch(85% 0.2 360)
-  );
-}
-
 .transparency-grid::before {
   content: '';
   grid-area: 2 / 2 / span 11 / span 11;
diff --git a/packages/stage-ui/stories/main.css b/packages/stage-ui/stories/main.css
index f24a91a92..39511c0ca 100755
--- a/packages/stage-ui/stories/main.css
+++ b/packages/stage-ui/stories/main.css
@@ -39,3 +39,21 @@ html.htw-dark {
   width: 100%;
   height: 2px;
 }
+
+.primary-color-bar {
+  @apply w-full h-full flex-1 flex items-center justify-center;
+}
+
+.theme-hue-slider {
+  @apply flex-1 w-full h-2 rounded-full appearance-none;
+  background: linear-gradient(
+    to right,
+    oklch(85% 0.2 0),
+    oklch(85% 0.2 60),
+    oklch(85% 0.2 120),
+    oklch(85% 0.2 180),
+    oklch(85% 0.2 240),
+    oklch(85% 0.2 300),
+    oklch(85% 0.2 360)
+  );
+}