WIP: adjust default-dark theme

resource/styles/agile-admin/inverse/colors/_apply-colors-dark.scss

@@ -3,3 +3,7 @@
     fill: white;
   }
 }
+
+.bg-title{
+  background: darken($bodycolor, 5%);
+}

resource/styles/agile-admin/inverse/colors/_apply-colors-light.scss

@@ -1,7 +1,9 @@
 .top-left-part {
-  background-color: white;
-
   .logo-mark, .logo-text {
     fill: $dark-themecolor;
   }
 }
+
+.bg-title{
+  background: #fafafa;
+}

resource/styles/agile-admin/inverse/colors/_apply-colors.scss

@@ -5,6 +5,34 @@ body{
 /*Top Header Part*/
 
 .logo i{ color:$white;}
+.top-left-part {
+  background-color: $sidebar;
+}
+// when sidebar is hidden
+.content-wrapper {
+  .top-left-part {
+    // set transition for fill
+    svg * {
+      transition: fill 0.8s ease-out;
+    }
+
+    background-color: darken($topbar, 10%);
+
+    .logo {
+      .logo-mark {
+        svg {
+          fill: lighten($topbar, 15%);
+
+          &:hover {
+            .group1 { fill: $growi-green; }
+            .group2 { fill: $growi-blue; }
+          }
+        }
+      }
+    }
+  }
+}
+
 .navbar-header{
      background:$topbar;
 }

resource/styles/agile-admin/inverse/colors/default-dark.scss

@@ -1,12 +1,14 @@
 @import '../variables';
 
-$topbar:#4F5467;
-$sidebar:#4F5467;
-$bodycolor:#fff;
-$headingtext: #2b2b2b;
-$bodytext: #686868;
-$linktext: $inverse;
-$linktext-hover: lighten($inverse, 20%);
+$basecolor:#2e343f;
+
+$topbar: #151515;
+$sidebar: #101010;
+$bodycolor:$basecolor;
+$headingtext: lighten($basecolor, 45%);
+$bodytext: lighten($basecolor, 35%);
+$linktext: lighten($basecolor, 50%);
+$linktext-hover: darken($linktext, 15%);
 $sidebar-text:#a6acbc;
 $themecolor:#f75b36;
 $dark-themecolor:#4F5467;

resource/styles/agile-admin/inverse/eliteadmin.scss

@@ -859,7 +859,6 @@ label{
 // Page title
 
 .bg-title{
-  background: #fafafa;
   overflow:hidden;
   padding: 6px 15px;
   margin-left:-25.5px;

resource/styles/scss/theme/_override-agileadmin.scss

@@ -49,31 +49,6 @@
     }
   }
 }
-// when sidebar is hidden
-.content-wrapper {
-  .top-left-part {
-    // set transition for fill
-    svg * {
-      transition: fill 0.8s ease-out;
-    }
-
-    background-color: darken($topbar, 10%);
-
-    .logo {
-      .logo-mark {
-        svg {
-          fill: lighten($topbar, 15%);
-
-          &:hover {
-            .group1 { fill: #74bc45; }
-            .group2 { fill: #1664b0; }
-          }
-        }
-      }
-    }
-  }
-}
-
 
 /*
  * Button