mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improves contrast within chips

Browse source
This commit is contained in:
Josh Perez 2023-05-04 19:46:34 -04:00
parent 7e1209e6cb
commit 6ede68153e
1 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
stylesheets/components/ContactPill.scss
View file

@ -11,12 +11,26 @@
border-radius: 6px; border-radius: 6px;
@include light-theme { @include light-theme {
background: $color-black-alpha-08;
color: $color-gray-90; color: $color-gray-90;
background: $color-gray-05;
} }
@include dark-theme { @include dark-theme {
color: $color-gray-02; background: $color-white-alpha-12;
background: $color-gray-75; color: $color-gray-05;
}
@include keyboard-mode {
&:focus-within {
@include light-theme {
background: $color-gray-45;
color: $color-white;
}
@include dark-theme {
background: $color-gray-25;
color: $color-gray-90;
}
}
} }
&__contact-name { &__contact-name {
@ -56,19 +70,15 @@
@include keyboard-mode { @include keyboard-mode {
&:focus { &:focus {
background: $color-gray-15;
&::before { &::before {
@include color-svg($icon, $color-ultramarine); @include color-svg($icon, $color-white);
} }
} }
} }
@include dark-keyboard-mode { @include dark-keyboard-mode {
&:focus { &:focus {
background: $color-gray-65;
&::before { &::before {
@include color-svg($icon, $color-ultramarine-light); @include color-svg($icon, $color-gray-90);
} }
} }
} }