Przeglądaj źródła

adjust theme colors

Yuki Takei 8 lat temu
rodzic
commit
b8c1477cf0

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

@@ -1,6 +1,6 @@
 .top-left-part {
   .logo-mark, .logo-text {
-    fill: $dark-themecolor;
+    fill: $themecolor;
   }
 }
 

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

@@ -21,7 +21,7 @@ body{
     .logo {
       .logo-mark {
         svg {
-          fill: lighten($topbar, 15%);
+          fill: $logo-mark-fill;
 
           &:hover {
             .group1 { fill: $growi-green; }

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

@@ -14,6 +14,7 @@ $themecolor:#f75b36;
 $dark-themecolor:#4F5467;
 
 $primary: $themecolor;
+$logo-mark-fill: #444;
 
 $dark: darken($bodytext, 5%);
 $border: lighten($basecolor, 15%);

+ 6 - 5
resource/styles/agile-admin/inverse/colors/default.scss

@@ -1,17 +1,18 @@
 @import '../variables';
 
-$topbar:#4F5467;
+$topbar:#345;
 $sidebar:#fff;
 $bodycolor:#fff;
 $headingtext: #2b2b2b;
 $bodytext: #686868;
 $linktext: $inverse;
 $linktext-hover: lighten($inverse, 20%);
-$sidebar-text:#54667a;
-$themecolor:#393C4A;
-$dark-themecolor:#4F5467;
+$sidebar-text:#38495a;
+$themecolor:#134;
 
-$primary: $topbar;
+$primary: $themecolor;
+
+$logo-mark-fill: lighten(desaturate($topbar, 10%), 15%);
 
 @import 'apply-colors';
 @import 'apply-colors-light';