chenge theme color

src/client/styles/scss/theme/future.scss

@@ -15,12 +15,12 @@ html[dark] {
   // Font colors
   $color-global: #95ABBA;
   $color-reversal: $accentcolor;
-  $color-header: $accentcolor;
+  $color-header: #95ABBA;
   $color-link: $accentcolor;
   $color-link-hover: lighten($color-link, 20%);
-  $color-link-wiki: darken($themecolor, 5%);
+  $color-link-wiki: $accentcolor;
   $color-link-wiki-hover: darken($color-link-wiki, 5%);
-  $color-link-nabvar: $color-reversal;
+  $color-link-nabvar: #A7A7A7;
   $color-inline-code: #c7254e; // optional
   $color-search: #00c2c4;
 
@@ -32,9 +32,8 @@ html[dark] {
   $color-list-hover: $color-reversal;
 
   // Navbar
-  $bgcolor-navbar: #01181a;
-  $border-color-navbar-gradient-left: #545fff;
-  $border-color-navbar-gradient-right: #00a6e5;
+  $bgcolor-navbar: #01181A;
+  $bgcolor-search-top-dropdown: #00C2C4;
   $border-image-navbar: linear-gradient(90deg, #6cfff9 0%, #0034c1 45%, #6cfff9 100%);
 
   // Logo colors
@@ -42,9 +41,17 @@ html[dark] {
   $fillcolor-logo-mark: #dedede;
 
   // Sidebar
-  $bgcolor-sidebar: #052e2f;
-  $color-sidebar-context: $color-reversal;
-  $bgcolor-sidebar-context: $bgcolor-navbar;
+  $bgcolor-sidebar: #052E2F;
+  $bgcolor-sidebar-nav-item-active: rgba(#969494, 0.3); // optional
+  $text-shadow-sidebar-nav-item-active: 0px 0px 10px #969494; // optional
+
+
+  // Sidebar contents
+  $color-sidebar-context: #00C2C4;
+  $bgcolor-sidebar-context: #020B0B;
+
+  // Sidebar list group
+  $bgcolor-sidebar-list-group: #162126; // optional
 
   // Icon colors
   $color-editor-icons: $color-global;
@@ -77,37 +84,8 @@ html[dark] {
     }
   }
 
-  // Navs {
-  .nav-tabs {
-    border-bottom: $border-color-theme 1px solid;
-
-    .nav-link {
-      &:hover {
-        border-color: darken($border-color-theme, 10%);
-        border-bottom: none;
-      }
-
-      &.active {
-        color: $color-link;
-        background-color: transparent;
-        border-color: $border-color-theme;
-      }
-    }
-  }
-
   // Search Top
   .search-top {
-    .input-group-prepend .dropdown-toggle {
-      color: #0E2329;
-      background-color: #00C2C4;
-      border-color: $color-search;
-
-      &:hover {
-        color: $color-search;
-        background-color: #050a0b;
-      }
-    }
-
     input {
       background-color: #eceded;
     }
@@ -117,16 +95,8 @@ html[dark] {
     }
   }
 
-  .wiki {
-    li {
-      a {
-        color: $accentcolor;
-        border-bottom: solid 1px $accentcolor;
-      }
-    }
-  }
-
-  .grw-page-path-nav i {
-    color: $accentcolor;
+  pre {
+    background-color: #1F1F22;
+    color: #95ABBA;
   }
 }