- checkbox restyle in dark mode

This commit is contained in:
Peter Papp
2020-12-21 10:57:07 +01:00
parent 28a5f58b80
commit 8fb859b441
6 changed files with 78 additions and 89 deletions
@@ -564,14 +564,14 @@ export default {
@media (prefers-color-scheme: dark) {
.select-box {
background-color: $dark_mode_foreground;
background-color: lighten($dark_mode_foreground, 10%);
}
.select-box-active {
background-color: $theme;
background-color: lighten($dark_mode_foreground, 10%);
.icon {
stroke: $text;
stroke: $theme;
}
}
@@ -537,13 +537,16 @@ export default {
@media (prefers-color-scheme: dark) {
.check-select {
.select-box {
background-color: $dark_mode_foreground;
.select-box {
background-color: lighten($dark_mode_foreground, 10%);
}
.select-box-active {
background-color: $theme;
.icon {
stroke: $text;
background-color: lighten($dark_mode_foreground, 10%);
.icon {
stroke: $theme;
}
}
}
@@ -145,12 +145,12 @@
.button-enter {
opacity: 0;
transform: translateY(-100%);
transform: translateY(-50%);
}
.button-leave-to {
opacity: 0;
transform: translateY(100%);
transform: translateY(50%);
}
.button-leave-active, {