Update Dark Mode Color Palette

This commit is contained in:
copecone committed 2026-04-23 09:53:00 +09:00
1 parent 0586005191
commit 96f62b0e7c
4 files changed
+26 -6

No files matched your search

+3 -3
View File
@@ -40,7 +40,7 @@ $default_animation_duration: 0.2s;
max-width: 100%;
&:has(.dropdown-input.focus-mode:focus-visible) {
outline: 2px solid list.nth(library.$brand_palette, 5);
outline: 2px solid var(--selection-outline-color);
outline-offset: 2px;
}
}
@@ -195,7 +195,7 @@ $default_animation_duration: 0.2s;
light-dark($hover_bg, $hover_dark_bg)
calc(var(--hover-state) * 100%)
),
light-dark(list.nth(library.$brand_palette, 1), list.nth(library.$brand_palette, 11))
light-dark(list.nth(library.$brand_palette, 1), list.nth(library.$brand_palette, 12))
calc(var(--selected-state) * 100%)
);
@@ -209,7 +209,7 @@ $default_animation_duration: 0.2s;
&.selected {
--selected-state: 1;
color: list.nth(library.$brand_palette, 5);
color: light-dark(list.nth(library.$brand_palette, 5), list.nth(library.$brand_palette, 6));
font-weight: 600;
}
}
+2 -2
View File
@@ -30,14 +30,14 @@ $default_animation_duration: 0.2s;
background-color: color-mix(
in oklch,
light-dark($off_bg, $off_dark_bg),
light-dark(list.nth(library.$brand_palette, 5), list.nth(library.$brand_palette, 8))
light-dark(list.nth(library.$brand_palette, 5), list.nth(library.$brand_palette, 6))
calc(var(--animation-state) * 100%)
);
box-shadow: 0 0 0 1px color-mix(
in oklch,
light-dark($border_color, $border_dark_color),
light-dark($border_color, list.nth(library.$brand_palette, 10))
light-dark($border_color, list.nth(library.$brand_palette, 9))
calc(var(--animation-state) * 100%)
) inset;