Skip to content

Commit

Permalink
style(colorful-asri): reduce background color opacity for chips
Browse files Browse the repository at this point in the history
- Decrease the opacity of chip background colors to improve readability and visual balance
- This change affects both light and dark mode styles
  • Loading branch information
mustakshif committed Nov 29, 2024
1 parent 63025e9 commit b5662c6
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion style/features/colorful-asri.scss
Original file line number Diff line number Diff line change
Expand Up @@ -379,7 +379,7 @@
@for $i from 1 through 10 {
.b3-chip[style*="background-color:var(--b3-font-background#{$i + 3});color:var(--b3-font-color#{$i + 3})"] {
color: oklch(.6 .2 calc(360 / 10 * #{ $i } + 30)) !important;
background-color: oklch(from var(--b3-font-background#{$i + 3}) 0.96 c h) !important;
background-color: oklch(from var(--b3-font-background#{$i + 3}) 0.96 c h / .8) !important;

@include darkmode-counterpart {
color: oklch(0.85 0.12 calc(360 / 10 * #{ $i } + 30)) !important;
Expand Down
2 changes: 1 addition & 1 deletion theme.css

Large diffs are not rendered by default.

0 comments on commit b5662c6

Please sign in to comment.