|
|
@@ -15,14 +15,11 @@
|
|
|
$themecolor: #b3000c;
|
|
|
$themelight: white;
|
|
|
|
|
|
-$bgcolor-theme: #b3000c;
|
|
|
-$themelight: white;
|
|
|
+$bgcolor-theme: $themecolor;
|
|
|
$subthemecolor: #017e20;
|
|
|
$bgcolor-navbar: $bgcolor-theme;
|
|
|
$bgcolor-global: $themelight;
|
|
|
-$bgcolor-global: $themelight;
|
|
|
$color-header: $subthemecolor;
|
|
|
-$color-global: black;
|
|
|
$linktext: lighten(#0d5901, 5%);
|
|
|
$linktext-hover: lighten($linktext, 12%);
|
|
|
$sidebar-text: #ffffff;
|
|
|
@@ -53,24 +50,16 @@ $active-nav-tabs-bgcolor: white;
|
|
|
//
|
|
|
html[light],
|
|
|
html[dark] {
|
|
|
- $primary: $themecolor;
|
|
|
-
|
|
|
// Background colors
|
|
|
$bgcolor-global: $themelight;
|
|
|
- $bgcolor-navbar: $themecolor;
|
|
|
- $bgcolor-inline-code: #f9f2f4;
|
|
|
$bgcolor-card: #f5f5f5;
|
|
|
|
|
|
// Font colors
|
|
|
$color-global: $subthemecolor;
|
|
|
$color-reversal: #eeeeee;
|
|
|
- // $color-header: #2b2b2b;
|
|
|
$color-link: lighten($color-global, 2%);
|
|
|
$color-link-hover: lighten($color-link, 20%);
|
|
|
- $color-link-wiki: lighten($primary, 20%);
|
|
|
- $color-link-wiki-hover: lighten($color-link-wiki, 20%);
|
|
|
$color-link-nabvar: $color-reversal;
|
|
|
- $color-inline-code: #c7254e;
|
|
|
|
|
|
// List Group colors
|
|
|
$color-list: $color-global;
|
|
|
@@ -81,7 +70,6 @@ html[dark] {
|
|
|
|
|
|
// Logo colors
|
|
|
$bgcolor-logo: $bgcolor-navbar;
|
|
|
- $fillcolor-logo-mark: lighten(desaturate($bgcolor-inline-code, 10%), 15%);
|
|
|
|
|
|
// Icon colors
|
|
|
$color-editor-icons: $color-global;
|
|
|
@@ -108,125 +96,125 @@ html[dark] {
|
|
|
@import 'apply-colors';
|
|
|
@import 'apply-colors-light';
|
|
|
|
|
|
- .grw-navbar {
|
|
|
- background-image: url('/images/themes/christmas/christmas-navbar.jpg');
|
|
|
- border-bottom: 4px solid $subthemecolor;
|
|
|
- }
|
|
|
+ // change color of highlighted header in wiki (default: orange)
|
|
|
+ .wiki {
|
|
|
+ .code-line.revision-head.highlighted {
|
|
|
+ color: $themelight;
|
|
|
+ background-color: lighten($bgcolor-theme, 20%);
|
|
|
|
|
|
- .grw-subnav {
|
|
|
- background-color: #ffffff;
|
|
|
+ .icon-note,
|
|
|
+ .icon-link {
|
|
|
+ color: $themelight;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .nav-tabs {
|
|
|
- border-bottom-color: $bgcolor-theme;
|
|
|
+ .sidebar {
|
|
|
+ background: $bgcolor-theme;
|
|
|
}
|
|
|
|
|
|
- .nav-link {
|
|
|
- border-color: $bgcolor-theme;
|
|
|
+ .rbt-menu {
|
|
|
+ background: $themelight;
|
|
|
}
|
|
|
|
|
|
- .nav-tabs .nav-link.active {
|
|
|
- background: none;
|
|
|
- border-color: $bgcolor-theme;
|
|
|
+ #wrapper > #page-wrapper,
|
|
|
+ .page-editor-preview-container {
|
|
|
+ background-image: url('/images/themes/christmas/christmas.jpg');
|
|
|
+ background-attachment: fixed;
|
|
|
+ background-size: cover;
|
|
|
}
|
|
|
|
|
|
- .search-top .dropdown-toggle {
|
|
|
- color: black;
|
|
|
- background-color: hsla(0,0%,100%,.8);
|
|
|
+ /*
|
|
|
+ * Tabs
|
|
|
+ */
|
|
|
+ body:not(.on-edit) .nav.nav-tabs {
|
|
|
+ > li.active > a {
|
|
|
+ background: linear-gradient(
|
|
|
+ rgba($active-nav-tabs-bgcolor, 0) 0%,
|
|
|
+ rgba($active-nav-tabs-bgcolor, 0) 90%,
|
|
|
+ $active-nav-tabs-bgcolor 100%
|
|
|
+ ); // overwrite only the bottom pixel
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-// change color of highlighted header in wiki (default: orange)
|
|
|
-.wiki {
|
|
|
- .code-line.revision-head.highlighted {
|
|
|
- color: $themelight;
|
|
|
- background-color: lighten($bgcolor-theme, 20%);
|
|
|
+ // login page
|
|
|
+ .nologin {
|
|
|
+ .input-group {
|
|
|
+ .input-group-addon {
|
|
|
+ background-color: rgba(lighten(black, 10%), 0.6);
|
|
|
+ }
|
|
|
+ .form-control {
|
|
|
+ background-color: rgba(lighten(black, 10%), 0.6);
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .icon-note,
|
|
|
- .icon-link {
|
|
|
- color: $themelight;
|
|
|
+ &.login-page {
|
|
|
+ .login-header,
|
|
|
+ .login-dialog {
|
|
|
+ background-color: rgba(#ccc, 0.5);
|
|
|
+ }
|
|
|
+ .link-switch {
|
|
|
+ color: #bd3425;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.sidebar {
|
|
|
- background: $bgcolor-theme;
|
|
|
-}
|
|
|
+ /*
|
|
|
+ * Modal
|
|
|
+ */
|
|
|
+ .modal-dialog .modal-header.bg-primary {
|
|
|
+ background-image: url('/images/themes/christmas/christmas-navbar.jpg');
|
|
|
+ border-bottom: 2px solid $subthemecolor;
|
|
|
+ }
|
|
|
|
|
|
-.rbt-menu {
|
|
|
- background: $themelight;
|
|
|
-}
|
|
|
+ /*
|
|
|
+ * Panel
|
|
|
+ */
|
|
|
+ .panel {
|
|
|
+ &.panel-white,
|
|
|
+ &.panel-default {
|
|
|
+ border-color: $border-original;
|
|
|
+ .panel-heading {
|
|
|
+ color: $dark;
|
|
|
+ background-color: $border-original;
|
|
|
+ border-bottom: 1px solid $border-original;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-#wrapper > #page-wrapper,
|
|
|
-.page-editor-preview-container {
|
|
|
- background-image: url('/images/themes/christmas/christmas.jpg');
|
|
|
- background-attachment: fixed;
|
|
|
- background-size: cover;
|
|
|
-}
|
|
|
+ .panel.panel-primary {
|
|
|
+ border-color: #bd3425;
|
|
|
+ .panel-heading {
|
|
|
+ color: white;
|
|
|
+ background-color: $bgcolor-theme;
|
|
|
+ background-image: url('/images/themes/christmas/christmas-navbar.jpg');
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-/*
|
|
|
- * Tabs
|
|
|
- */
|
|
|
-body:not(.on-edit) .nav.nav-tabs {
|
|
|
- > li.active > a {
|
|
|
- background: linear-gradient(
|
|
|
- rgba($active-nav-tabs-bgcolor, 0) 0%,
|
|
|
- rgba($active-nav-tabs-bgcolor, 0) 90%,
|
|
|
- $active-nav-tabs-bgcolor 100%
|
|
|
- ); // overwrite only the bottom pixel
|
|
|
+ .grw-navbar {
|
|
|
+ background-image: url('/images/themes/christmas/christmas-navbar.jpg');
|
|
|
+ border-bottom: 4px solid $subthemecolor;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-// login page
|
|
|
-.nologin {
|
|
|
- .input-group {
|
|
|
- .input-group-addon {
|
|
|
- background-color: rgba(lighten(black, 10%), 0.6);
|
|
|
- }
|
|
|
- .form-control {
|
|
|
- background-color: rgba(lighten(black, 10%), 0.6);
|
|
|
- }
|
|
|
+ .grw-subnav {
|
|
|
+ background-color: #ffffff;
|
|
|
}
|
|
|
|
|
|
- &.login-page {
|
|
|
- .login-header,
|
|
|
- .login-dialog {
|
|
|
- background-color: rgba(#ccc, 0.5);
|
|
|
- }
|
|
|
- .link-switch {
|
|
|
- color: #bd3425;
|
|
|
- }
|
|
|
+ .nav-tabs {
|
|
|
+ border-bottom-color: $bgcolor-theme;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-/*
|
|
|
- * Modal
|
|
|
- */
|
|
|
-.modal-dialog .modal-header.bg-primary {
|
|
|
- background-image: url('/images/themes/christmas/christmas-navbar.jpg');
|
|
|
- border-bottom: 2px solid $subthemecolor;
|
|
|
-}
|
|
|
+ .nav-link {
|
|
|
+ border-color: $bgcolor-theme;
|
|
|
+ }
|
|
|
|
|
|
-/*
|
|
|
- * Panel
|
|
|
- */
|
|
|
-.panel {
|
|
|
- &.panel-white,
|
|
|
- &.panel-default {
|
|
|
- border-color: $border-original;
|
|
|
- .panel-heading {
|
|
|
- color: $dark;
|
|
|
- background-color: $border-original;
|
|
|
- border-bottom: 1px solid $border-original;
|
|
|
- }
|
|
|
+ .nav-tabs .nav-link.active {
|
|
|
+ background: none;
|
|
|
+ border-color: $bgcolor-theme;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.panel.panel-primary {
|
|
|
- border-color: #bd3425;
|
|
|
- .panel-heading {
|
|
|
- color: white;
|
|
|
- background-color: $bgcolor-theme;
|
|
|
- background-image: url('/images/themes/christmas/christmas-navbar.jpg');
|
|
|
+ .search-top .dropdown-toggle {
|
|
|
+ color: black;
|
|
|
+ background-color: hsla(0,0%,100%,.8);
|
|
|
}
|
|
|
-}
|
|
|
+}
|