116 lines
2.5 KiB
SCSS

@use '../../scss/_bootstrap-extended/include' as light;
@use '../../scss/_bootstrap-extended/include-dark' as dark;
@import '../../scss/_custom-variables/libs';
@import 'jstree/dist/themes/default/style';
@import 'jstree/dist/themes/default-dark/style';
@import './themes/theme';
// Light Style
@if $enable-light-style {
.light-style {
// Folder Icons and text colors
.jstree {
.jstree-container-ul {
.jstree-icon.ti-folder,
.ion-ios-folder {
color: light.$warning;
}
.jstree-icon.ti-file {
color: light.$primary;
}
}
}
// Context Menu Styling
.vakata-context.jstree-contextmenu {
background: light.$white;
border: 0;
box-shadow: 0px 0px 50px 0px rgba(light.$black, 0.1);
li {
a {
padding: 0 1.5rem;
text-shadow: none;
i {
display: none;
}
}
&.vakata-context-hover {
a {
box-shadow: none;
}
}
&.vakata-context-separator {
a {
margin: 0;
}
}
ul {
background: light.$white;
border: 0;
box-shadow: 0px 0px 50px 0px rgba(light.$black, 0.1);
}
}
.vakata-contextmenu-sep {
display: none;
}
}
}
}
// Dark Style
@if $enable-dark-style {
.dark-style {
// Folder Icons and text colors
.jstree {
.jstree-container-ul {
.jstree-icon.ti-folder,
.ion-ios-folder {
color: dark.$warning;
}
.jstree-icon.ti-file {
color: dark.$primary;
}
}
}
// Context Menu Styling
.vakata-context.jstree-contextmenu {
background: dark.$white;
border: 0;
box-shadow: 0px 0px 50px 0px rgba(dark.$black, 0.1);
li {
a {
padding: 0 1.5rem;
text-shadow: none;
i {
display: none;
}
}
&.vakata-context-hover {
a {
box-shadow: none;
}
}
&.vakata-context-separator {
a {
margin: 0;
}
}
ul {
background: dark.$white;
border: 0;
box-shadow: 0px 0px 50px 0px rgba(dark.$black, 0.1);
}
}
.vakata-contextmenu-sep {
display: none;
}
}
}
}
.jstree-default-dark .jstree-anchor {
text-shadow: none !important;
color: dark.$body-color;
}