modified color settings

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

@@ -9,10 +9,11 @@ html:not([dark]) {
   $lightthemecolor: rgba(181, 203, 247, 0.61);
 
   // Background colors
-  $bgcolor-navbar: $bgcolor-theme;
-  $bgcolor-global: $themelight;
+  $bgcolor-navbar: white;
+  $bgcolor-navbar-active: $bgcolor-theme;
   $bgcolor-global: $themelight;
   $bgcolor-card: #e3e5e7;
+  $bgcolor-inline-code: lighten($subthemecolor, 70%);
 
   $color-header: $bgcolor-theme;
   $color-global: #3c4a60;
@@ -27,8 +28,9 @@ html:not([dark]) {
   $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;
+  $color-link-nabvar-hover: $color-global;
   $color-inline-code: $subthemecolor;
-  $bgcolor-inline-code: lighten($subthemecolor, 70%);
 
   // border colors
   $border-color-theme: $lightthemecolor;
@@ -53,10 +55,11 @@ html[dark] {
   $lightthemecolor: rgba(181, 203, 247, 0.61);
 
   // Background colors
-  $bgcolor-navbar: $bgcolor-theme;
-  $bgcolor-global: $themelight;
+  $bgcolor-navbar: white;
+  $bgcolor-navbar-active: $bgcolor-theme;
   $bgcolor-global: $themelight;
-  $bgcolor-card: #f5f5f5;
+  $bgcolor-card: #e3e5e7;
+  $bgcolor-inline-code: lighten($subthemecolor, 70%);
 
   $color-header: $bgcolor-theme;
   $color-global: #3c4a60;
@@ -71,8 +74,9 @@ html[dark] {
   $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;
+  $color-link-nabvar-hover: $color-global;
   $color-inline-code: $subthemecolor;
-  $bgcolor-inline-code: lighten($subthemecolor, 70%);
 
   // border colors
   $border-color-theme: $lightthemecolor;