Update Dark Mode Color Palette
This commit is contained in:
1 parent
0586005191
commit
96f62b0e7c
4 files changed
+26
-6
No files matched your search
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
|
||||
|
||||
Reference in new issue
Block a user