@use '../../scss/_bootstrap-extended/include' as light;
@use '../../scss/_bootstrap-extended/include-dark' as dark;
@import '../../scss/_custom-variables/libs';
@import '../../node_modules/jstree/dist/themes/default/style';
@import '../../node_modules/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;
}
