@@ -1,6 +1,6 @@
.top-left-part {
.logo-mark, .logo-text {
- fill: $dark-themecolor;
+ fill: $themecolor;
}
@@ -21,7 +21,7 @@ body{
.logo {
.logo-mark {
svg {
- fill: lighten($topbar, 15%);
+ fill: $logo-mark-fill;
&:hover {
.group1 { fill: $growi-green; }
@@ -14,6 +14,7 @@ $themecolor:#f75b36;
$dark-themecolor:#4F5467;
$primary: $themecolor;
+$logo-mark-fill: #444;
$dark: darken($bodytext, 5%);
$border: lighten($basecolor, 15%);
@@ -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';