nanakura/moeka-project
1
0
Fork 0
Code Issues Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

fix(stage-ui): global theme-hue-slider color

Browse Source
This commit is contained in:
Neko Ayaka
2025-03-13 13:03:34 +08:00
parent 254b47f64e
commit 43f59403e7
2 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/stage-ui/stories/Colors.story.vue
-18
View File
@@ -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;
packages/stage-ui/stories/main.css
+18
View File
@@ -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)
);
}