mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-23 09:40:39 +00:00
- checkbox restyle in dark mode
This commit is contained in:
@@ -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, {
|
||||
|
||||
Reference in New Issue
Block a user