Merge pull request #2091 from weseek/support/apply-same-style-both-modes

change to set same style both light/dark modes

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

@@ -72,11 +72,11 @@ html[light] {
 // Dark Mode ( same as Light Mode )
 html[dark] {
   // Background colors
-  $bgcolor-navbar: transparent;
+  $bgcolor-navbar: white;
   $bgcolor-navbar-active: $bgcolor-theme;
   $bgcolor-global: $themelight;
+  $bgcolor-card: $lightthemecolor;
   $bgcolor-inline-code: lighten($subthemecolor, 70%);
-  $bgcolor-card: #e3e5e7;
   $color-header: $bgcolor-theme;
   $color-global: #3c4a60;
   $color-link: rgb(74, 109, 204);
@@ -95,7 +95,7 @@ html[dark] {
   $color-list-hover: $color-reversal;
 
   // Logo colors
-  $bgcolor-logo: red;
+  $bgcolor-logo: transparent;
   $fillcolor-logo-mark: lighten($bgcolor-theme, 20%);
 
   // Icon colors
@@ -117,10 +117,10 @@ html[dark] {
   $color-dropdown-link-hover: $color-global;
 
   // alert
-  $color-alert: $color-global;
+  $color-alert: $color-reversal;
 
   // badge
-  $color-badge: $color-global;
+  $color-badge: $color-reversal;
 
   // Sidebar
   $bgcolor-sidebar: $bgcolor-theme;