danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-12-11 16:49:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

Dark Theme: Checkboxes should be purple (#1075)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-05-12 15:28:20 +03:00
parent 51e7d4da3d
commit 42a0a42478
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ui/Checkbox.scss
View File

@ -77,16 +77,15 @@
} }
&::before { &::before {
border: 2px solid var(--color-borders); border: 2px solid var(--color-borders-input);
border-radius: .25rem; border-radius: .25rem;
background-color: var(--color-white); background-color: var(--color-white);
transition: border-color .1s ease; transition: border-color .1s ease, background-color .1s ease;
} }
&::after { &::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE2LjcgMEMxOC41IDAgMjAgMS41IDIwIDMuM3YxMy4zYzAgMS44LTEuNSAzLjMtMy4zIDMuM0gzLjNDMS41IDIwIDAgMTguNSAwIDE2LjdWMy4zQzAgMS41IDEuNSAwIDMuMyAwaDEzLjR6bS0uOCA0LjhsLTguMSA4LjEtMy43LTMuN2MtLjQtLjQtMS4xLS40LTEuNiAwLS40LjQtLjQgMS4xIDAgMS42TDcgMTUuMmMuNC40IDEuMS40IDEuNiAwbDguOS04LjljLjQtLjQuNC0xLjEgMC0xLjYtLjUtLjQtMS4yLS40LTEuNi4xeiIgZmlsbD0iIzRlYTRmNiIvPjwvc3ZnPg==); background: center no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
background-size: contain; background-size: .875rem;
background-repeat: no-repeat;
opacity: 0; opacity: 0;
transition: opacity .1s ease; transition: opacity .1s ease;
} }
@ -106,6 +105,7 @@
input:checked ~ .Checkbox-main { input:checked ~ .Checkbox-main {
&::before { &::before {
border-color: var(--color-primary); border-color: var(--color-primary);
background-color: var(--color-primary);
} }
&::after { &::after {