|
@@ -12,7 +12,6 @@ html[light] {
|
|
|
|
|
|
|
|
// Background colors
|
|
// Background colors
|
|
|
$bgcolor-global: $themelight;
|
|
$bgcolor-global: $themelight;
|
|
|
- $bgcolor-navbar: $themecolor;
|
|
|
|
|
$bgcolor-inline-code: lighten($subthemecolor, 70%);
|
|
$bgcolor-inline-code: lighten($subthemecolor, 70%);
|
|
|
$bgcolor-card: darken($themelight, 5%);
|
|
$bgcolor-card: darken($themelight, 5%);
|
|
|
|
|
|
|
@@ -34,9 +33,29 @@ html[light] {
|
|
|
$bgcolor-list-active: $primary;
|
|
$bgcolor-list-active: $primary;
|
|
|
$color-list-hover: $color-reversal;
|
|
$color-list-hover: $color-reversal;
|
|
|
|
|
|
|
|
|
|
+ // Navbar
|
|
|
|
|
+ $bgcolor-navbar: #2a2929;
|
|
|
|
|
+ $bgcolor-search-top-dropdown: $primary;
|
|
|
|
|
+ $border-image-navbar: linear-gradient(to right, #54bafd 0%, #3d98a3 50%, #708b0b 100%);
|
|
|
|
|
+
|
|
|
// Logo colors
|
|
// Logo colors
|
|
|
$bgcolor-logo: $themecolor;
|
|
$bgcolor-logo: $themecolor;
|
|
|
- $fillcolor-logo-mark: lighten(desaturate($bgcolor-navbar, 30%), 20%);
|
|
|
|
|
|
|
+ $fillcolor-logo-mark: lighten(desaturate($bgcolor-navbar, 10%), 15%);
|
|
|
|
|
+
|
|
|
|
|
+ // Sidebar
|
|
|
|
|
+ $bgcolor-sidebar: $themecolor;
|
|
|
|
|
+ $bgcolor-sidebar-nav-item-active: rgba(#000000, 0.37); // optional
|
|
|
|
|
+ $text-shadow-sidebar-nav-item-active: 0px 0px 10px #0099ff; // optional
|
|
|
|
|
+ // Sidebar resize button
|
|
|
|
|
+ $color-resize-button: $color-reversal;
|
|
|
|
|
+ $bgcolor-resize-button: #209fd8;
|
|
|
|
|
+ $color-resize-button-hover: $color-reversal;
|
|
|
|
|
+ $bgcolor-resize-button-hover: lighten($bgcolor-resize-button, 5%);
|
|
|
|
|
+ // Sidebar contents
|
|
|
|
|
+ $color-sidebar-context: $color-global;
|
|
|
|
|
+ $bgcolor-sidebar-context: #f4f6fc;
|
|
|
|
|
+ // Sidebar list group
|
|
|
|
|
+ $bgcolor-sidebar-list-group: #fafbff; // optional
|
|
|
|
|
|
|
|
// Icon colors
|
|
// Icon colors
|
|
|
$color-editor-icons: $color-global;
|
|
$color-editor-icons: $color-global;
|
|
@@ -57,11 +76,6 @@ html[light] {
|
|
|
// badge
|
|
// badge
|
|
|
$color-badge: $color-reversal;
|
|
$color-badge: $color-reversal;
|
|
|
|
|
|
|
|
- // Sidebar
|
|
|
|
|
- $bgcolor-sidebar: $bgcolor-navbar;
|
|
|
|
|
- $color-sidebar-context: $color-reversal;
|
|
|
|
|
- $bgcolor-sidebar-context: lighten($bgcolor-sidebar, 10%);
|
|
|
|
|
-
|
|
|
|
|
@import 'apply-colors';
|
|
@import 'apply-colors';
|
|
|
@import 'apply-colors-light';
|
|
@import 'apply-colors-light';
|
|
|
|
|
|