mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-18 16:22:14 +00:00
TabWrapper color change
This commit is contained in:
@@ -65,6 +65,7 @@
|
|||||||
color: $text;
|
color: $text;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
border: 1px solid #E8E9EB;
|
||||||
|
|
||||||
.tab-title {
|
.tab-title {
|
||||||
@include font-size(14);
|
@include font-size(14);
|
||||||
@@ -78,10 +79,10 @@
|
|||||||
padding: 8px;
|
padding: 8px;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
background: $text;
|
background: #E8E9EB;
|
||||||
|
|
||||||
.tab-title {
|
.tab-title {
|
||||||
color: $light_background;
|
color: $text;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -101,6 +102,7 @@
|
|||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.tab-wrapper {
|
.tab-wrapper {
|
||||||
background: $dark_mode_foreground;
|
background: $dark_mode_foreground;
|
||||||
|
border-color: transparent;
|
||||||
|
|
||||||
.tab.active {
|
.tab.active {
|
||||||
background: rgba($theme, 0.1);
|
background: rgba($theme, 0.1);
|
||||||
|
|||||||
Reference in New Issue
Block a user