Merge pull request #2004 from weseek/support/adjust-kibela-logo

Support/adjust kibela logo

src/client/styles/scss/theme/_apply-colors-kibela.scss

@@ -6,15 +6,15 @@ body.kibela {
   .active {
     color: $subthemecolor;
   }
-  
+
   .bg-white {
     background: #fefffe !important;
   }
-  
+
   .bg-primary {
     background-color: $primary !important;
   }
-  
+
   /* kibela block */
   .kibela-block {
     border-top: solid 0.4em $thickborder;
@@ -25,15 +25,6 @@ body.kibela {
     background-color: $bgcolor-global;
   }
 
-  /* Logo */
-  .logo {
-    background: transparent;
-
-    .logo-mark {
-      background-color: white;
-    }
-  }
-
   /* header*/
   .background-t {
     background-color: transparent;
@@ -166,7 +157,7 @@ body.kibela {
 
     .card-footer {
       background: white;
-      border-top: 1px solid $border-color-theme
+      border-top: 1px solid $border-color-theme;
     }
   }
 
@@ -209,4 +200,4 @@ body.kibela {
   h6 {
     color: $color-header;
   }
-}
+}

src/client/styles/scss/theme/_apply-colors.scss

@@ -56,7 +56,7 @@ $link-hover-color: $color-link-hover;
 //
 
 .grw-logo {
-  background-color: darken($bgcolor-navbar, 10%);
+  background-color: darken($bgcolor-logo, 10%);
 
   // set transition for fill
   svg * {

src/client/styles/scss/theme/antarctic.scss

@@ -64,6 +64,7 @@ html[light] {
   $color-inline-code: #c7254e;
 
   // Logo colors
+  $bgcolor-logo: $bgcolor-navbar;
   $fillcolor-logo-mark: lighten(desaturate($bgcolor-navbar, 10%), 15%);
 
   // Border colors
@@ -103,6 +104,7 @@ html[dark] {
   $color-inline-code: #c7254e;
 
   // Logo colors
+  $bgcolor-logo: $bgcolor-navbar;
   $fillcolor-logo-mark: #444;
 
   // Border colors

src/client/styles/scss/theme/default.scss

@@ -36,6 +36,7 @@ html[light] {
   $color-inline-code: #c7254e;
 
   // Logo colors
+  $bgcolor-logo: $bgcolor-navbar;
   $fillcolor-logo-mark: lighten(desaturate($bgcolor-navbar, 10%), 15%);
 
   // Border colors
@@ -75,6 +76,7 @@ html[dark] {
   $color-inline-code: #c7254e;
 
   // Logo colors
+  $bgcolor-logo: $bgcolor-navbar;
   $fillcolor-logo-mark: #444;
 
   // Border colors

src/client/styles/scss/theme/kibela.scss

@@ -25,7 +25,10 @@ html[light] {
   $primary: $bgcolor-theme;
   $info: lighten($bgcolor-theme, 20%);
 
+  // Logo colors
+  $bgcolor-logo: transparent;
   $fillcolor-logo-mark: lighten($bgcolor-theme, 20%);
+
   $color-link-wiki: lighten($bgcolor-theme, 20%);
   $color-link-wiki-hover: lighten($color-link-wiki, 20%);
   $color-link-nabvar: $color-global;
@@ -46,7 +49,6 @@ html[light] {
   @import 'apply-colors-kibela';
 }
 
-
 // Dark Mode ( same as Light Mode )
 html[dark] {
   $bgcolor-theme: rgb(18, 86, 163);
@@ -55,7 +57,7 @@ html[dark] {
   $lightthemecolor: rgba(181, 203, 247, 0.61);
 
   // Background colors
-  $bgcolor-navbar: white;
+  $bgcolor-navbar: transparent;
   $bgcolor-navbar-active: $bgcolor-theme;
   $bgcolor-global: $themelight;
   $bgcolor-card: #e3e5e7;
@@ -71,7 +73,10 @@ html[dark] {
   $primary: $bgcolor-theme;
   $info: lighten($bgcolor-theme, 20%);
 
+  // Logo colors
+  $bgcolor-logo: red;
   $fillcolor-logo-mark: lighten($bgcolor-theme, 20%);
+
   $color-link-wiki: lighten($bgcolor-theme, 20%);
   $color-link-wiki-hover: lighten($color-link-wiki, 20%);
   $color-link-nabvar: $color-global;
@@ -90,4 +95,4 @@ html[dark] {
   @import 'apply-colors';
   @import 'apply-colors-light';
   @import 'apply-colors-kibela';
-}
+}