62 lines
1.4 KiB
SCSS
62 lines
1.4 KiB
SCSS
.v-application {
|
|
// vertical nav
|
|
&.v-theme--dark .layout-nav-type-vertical,
|
|
.v-theme-provider.v-theme--dark {
|
|
.layout-vertical-nav {
|
|
// nav-link and nav-group style for dark
|
|
.nav-link .router-link-exact-active,
|
|
.nav-group.active:not(.nav-group .nav-group) > :first-child {
|
|
color: rgb(var(--v-theme-on-primary)) !important;
|
|
|
|
&::before {
|
|
z-index: -1;
|
|
color: rgb(var(--v-theme-primary));
|
|
opacity: 1 !important;
|
|
}
|
|
}
|
|
|
|
.nav-group {
|
|
.nav-link {
|
|
.router-link-exact-active {
|
|
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !important;
|
|
|
|
&::before {
|
|
color: transparent;
|
|
}
|
|
|
|
&:hover::before {
|
|
color: inherit;
|
|
opacity: var(--v-hover-opacity) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// horizontal nav
|
|
&.v-theme--dark {
|
|
.layout-wrapper.layout-nav-type-horizontal {
|
|
.layout-horizontal-nav {
|
|
.nav-items {
|
|
.nav-group.active:not(.sub-item) {
|
|
> :first-child {
|
|
.nav-group-label {
|
|
&::before {
|
|
z-index: -1;
|
|
opacity: 1;
|
|
}
|
|
|
|
.v-icon,
|
|
.nav-item-title {
|
|
color: rgb(var(--v-theme-on-primary));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|