init

javascript-version/@core/scss/template/_dark.scss

@@ -0,0 +1,61 @@
+.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));
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}