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;
@include light-theme {
background: $color-black-alpha-08;
color: $color-gray-90;
background: $color-gray-05;
}
@include dark-theme {
color: $color-gray-02;
background: $color-gray-75;
background: $color-white-alpha-12;
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 {
@ -56,19 +70,15 @@
@include keyboard-mode {
&:focus {
background: $color-gray-15;
&::before {
@include color-svg($icon, $color-ultramarine);
@include color-svg($icon, $color-white);
}
}
}
@include dark-keyboard-mode {
&:focus {
background: $color-gray-65;
&::before {
@include color-svg($icon, $color-ultramarine-light);
@include color-svg($icon, $color-gray-90);
}
}
}