mirror of
https://github.com/netbirdio/plugins.git
synced 2026-05-22 18:44:07 -07:00
Rebellion theme compiled using SCSS and LESS
Slightly different but still dark.
This commit is contained in:
marjohn56
committed by
Franco Fichtner
Franco Fichtner
parent
5533702035
commit
fc713c3f04
@@ -1,6 +1,6 @@
|
||||
PLUGIN_NAME= theme-rebellion
|
||||
PLUGIN_VERSION= 0.2
|
||||
PLUGIN_REVISION= 2
|
||||
PLUGIN_REVISION= 3
|
||||
PLUGIN_COMMENT= A suitably dark theme
|
||||
PLUGIN_MAINTAINER= team-rebellion@queens-park.com
|
||||
PLUGIN_DEVEL= yes
|
||||
|
||||
Vendored
+4
-4
@@ -9,7 +9,7 @@
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
.bootstrap-dialog-title {
|
||||
color: #fff;
|
||||
color: #ccc;
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-dialog-button-icon {
|
||||
@@ -33,16 +33,16 @@
|
||||
/* dialog types */
|
||||
&.type-default {
|
||||
.modal-header {
|
||||
background-color: #533;
|
||||
background-color: #445;
|
||||
}
|
||||
.bootstrap-dialog-title {
|
||||
color: #eee;
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
&.type-info {
|
||||
.modal-header {
|
||||
background-color: #B0CDDB;
|
||||
background-color: #454545;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
+259
@@ -0,0 +1,259 @@
|
||||
.bootstrap-select {
|
||||
width: 348px \0;
|
||||
/*IE9 and below*/
|
||||
}
|
||||
.bootstrap-select > .dropdown-toggle {
|
||||
width: 100%;
|
||||
padding-right: 25px;
|
||||
z-index: 1;
|
||||
}
|
||||
.bootstrap-select > select {
|
||||
position: absolute !important;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
width: 0.11px !important;
|
||||
height: 100% !important;
|
||||
padding: 0 !important;
|
||||
opacity: 0 !important;
|
||||
border: none;
|
||||
}
|
||||
.bootstrap-select > select.mobile-device {
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
z-index: 2;
|
||||
}
|
||||
.has-error .bootstrap-select .dropdown-toggle,
|
||||
.error .bootstrap-select .dropdown-toggle {
|
||||
border-color: #b94a48;
|
||||
}
|
||||
.bootstrap-select.fit-width {
|
||||
width: auto !important;
|
||||
}
|
||||
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
|
||||
width: 348px;
|
||||
}
|
||||
.bootstrap-select .dropdown-toggle:focus {
|
||||
outline: thin dotted #333333 !important;
|
||||
outline: 5px auto -webkit-focus-ring-color !important;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.bootstrap-select.form-control {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.bootstrap-select.form-control:not([class*="col-"]) {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.form-control.input-group-btn {
|
||||
z-index: auto;
|
||||
}
|
||||
.bootstrap-select.btn-group:not(.input-group-btn),
|
||||
.bootstrap-select.btn-group[class*="col-"] {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
.bootstrap-select.btn-group.dropdown-menu-right,
|
||||
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
|
||||
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
|
||||
float: right;
|
||||
}
|
||||
.form-inline .bootstrap-select.btn-group,
|
||||
.form-horizontal .bootstrap-select.btn-group,
|
||||
.form-group .bootstrap-select.btn-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-group-lg .bootstrap-select.btn-group.form-control,
|
||||
.form-group-sm .bootstrap-select.btn-group.form-control {
|
||||
padding: 0;
|
||||
}
|
||||
.form-inline .bootstrap-select.btn-group .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group.disabled,
|
||||
.bootstrap-select.btn-group > .disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group.disabled:focus,
|
||||
.bootstrap-select.btn-group > .disabled:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
.bootstrap-select.btn-group.bs-container {
|
||||
position: absolute;
|
||||
}
|
||||
.bootstrap-select.btn-group.bs-container .dropdown-menu {
|
||||
z-index: 1035;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-toggle .caret {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 12px;
|
||||
margin-top: -2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu {
|
||||
min-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu.inner {
|
||||
position: static;
|
||||
float: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li.active small {
|
||||
color: #333;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a.opt {
|
||||
position: relative;
|
||||
padding-left: 2.25em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.text {
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li small {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu .notify {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 96%;
|
||||
margin: 0 2%;
|
||||
min-height: 26px;
|
||||
padding: 3px 5px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #e3e3e3;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .no-results {
|
||||
padding: 3px;
|
||||
background: #f5f5f5;
|
||||
margin: 0 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
|
||||
position: static;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
|
||||
position: static;
|
||||
top: auto;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
|
||||
margin-right: 34px;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
|
||||
z-index: 1036;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
|
||||
content: '';
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 9px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
|
||||
content: '';
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid white;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 10px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-top: 7px solid rgba(204, 204, 204, 0.2);
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-top: 6px solid white;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
|
||||
right: 13px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
|
||||
display: block;
|
||||
}
|
||||
.bs-searchbox,
|
||||
.bs-actionsbox,
|
||||
.bs-donebutton {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.bs-actionsbox {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-actionsbox .btn-group button {
|
||||
width: 50%;
|
||||
}
|
||||
.bs-donebutton {
|
||||
float: left;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-donebutton .btn-group button {
|
||||
width: 100%;
|
||||
}
|
||||
.bs-searchbox + .bs-actionsbox {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
.bs-searchbox .form-control {
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
+1
-1
@@ -163,7 +163,7 @@
|
||||
position: relative;
|
||||
|
||||
&.active small {
|
||||
color: #fff;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
&.disabled a {
|
||||
|
||||
+1
-1
@@ -141,7 +141,7 @@ h1 {
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
+5
-5
@@ -7,7 +7,7 @@
|
||||
|
||||
* {
|
||||
text-shadow: none !important;
|
||||
color: #000 !important; // Black prints faster: h5bp.com/s
|
||||
color: #ccc !important; // Black prints faster: h5bp.com/s
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
@@ -65,7 +65,7 @@
|
||||
// Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
|
||||
// Once fixed, we can just straight up remove this.
|
||||
select {
|
||||
background: #fff !important;
|
||||
background: #555 !important;
|
||||
}
|
||||
|
||||
// Bootstrap components
|
||||
@@ -75,7 +75,7 @@
|
||||
.table {
|
||||
td,
|
||||
th {
|
||||
background-color: #fff !important;
|
||||
background-color: #444 !important;
|
||||
}
|
||||
}
|
||||
.btn,
|
||||
@@ -85,7 +85,7 @@
|
||||
}
|
||||
}
|
||||
.label {
|
||||
border: 1px solid #000;
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.table {
|
||||
@@ -94,7 +94,7 @@
|
||||
.table-bordered {
|
||||
th,
|
||||
td {
|
||||
border: 1px solid #ddd !important;
|
||||
border: 1px solid #666 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
+1
-13
@@ -5,7 +5,7 @@
|
||||
|
||||
table {
|
||||
background-color: $table-bg;
|
||||
color: #444;
|
||||
color: #ccc;
|
||||
}
|
||||
th {
|
||||
text-align: left;
|
||||
@@ -184,18 +184,6 @@ table {
|
||||
// Tighten up spacing
|
||||
> .table {
|
||||
margin-bottom: 0;
|
||||
|
||||
// Ensure the content doesn't wrap
|
||||
> thead,
|
||||
> tbody,
|
||||
> tfoot {
|
||||
> tr {
|
||||
> th,
|
||||
> td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Special overrides for the bordered tables
|
||||
|
||||
+1
-1
@@ -66,7 +66,7 @@
|
||||
}
|
||||
|
||||
// Apply the mixin to the buttons
|
||||
.btn-default { @include btn-styles($btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
|
||||
.btn-default { @include btn-styles($btn-default-bg); text-shadow: 0 1px 0 #222; border-color: #ccc; }
|
||||
.btn-primary { @include btn-styles($btn-primary-bg); }
|
||||
.btn-success { @include btn-styles($btn-success-bg); }
|
||||
.btn-info { @include btn-styles($btn-info-bg); }
|
||||
|
||||
+1
-1
@@ -124,7 +124,7 @@ mark,
|
||||
.bg-primary {
|
||||
// Given the contrast here, this is the only class to have its color inverted
|
||||
// automatically.
|
||||
color: #fff;
|
||||
color: #333;
|
||||
}
|
||||
@include bg-variant('.bg-primary', $brand-primary);
|
||||
|
||||
|
||||
+43
-42
@@ -15,7 +15,8 @@ $bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")
|
||||
$gray-darker: lighten(#000, 13.5%) !default; // #222
|
||||
$gray-dark: lighten(#000, 20%) !default; // #333
|
||||
$gray: lighten(#000, 33.5%) !default; // #555
|
||||
$gray-light: lighten(#000, 46.7%) !default; // #777
|
||||
//$gray-light: lighten(#000, 46.7%) !default; // #777
|
||||
$gray-light: #DDd !default; // #777
|
||||
$gray-lighter: lighten(#000, 93.5%) !default; // #eee
|
||||
|
||||
$brand-primary: map-get($colors, orange) !default;
|
||||
@@ -30,7 +31,7 @@ $brand-danger: #F05050 !default;
|
||||
//## Settings for some of the most global styles.
|
||||
|
||||
//** Background color for `<body>`.
|
||||
$body-bg: #fff !default;
|
||||
$body-bg: #333 !default;
|
||||
//** Global text color on `<body>`.
|
||||
$text-color: map-get($colors, darkgrey) !default;
|
||||
|
||||
@@ -112,7 +113,7 @@ $border-radius-large: 6px !default;
|
||||
$border-radius-small: 3px !default;
|
||||
|
||||
//** Global color for active items (e.g., navs or dropdowns).
|
||||
$component-active-color: #fff !default;
|
||||
$component-active-color: #555 !default;
|
||||
//** Global background color for active items (e.g., navs or dropdowns).
|
||||
$component-active-bg: $brand-primary !default;
|
||||
|
||||
@@ -136,11 +137,11 @@ $table-bg: transparent !default;
|
||||
//** Background color used for `.table-striped`.
|
||||
$table-bg-accent: map-get($colors, lightergrey) !default;
|
||||
//** Background color used for `.table-hover`.
|
||||
$table-bg-hover: #f5f5f5 !default;
|
||||
$table-bg-hover: #484848 !default;
|
||||
$table-bg-active: $table-bg-hover !default;
|
||||
|
||||
//** Border color for table and cell borders.
|
||||
$table-border-color: #eee !default;
|
||||
$table-border-color: #111 !default;
|
||||
|
||||
|
||||
//== Buttons
|
||||
@@ -149,27 +150,27 @@ $table-border-color: #eee !default;
|
||||
|
||||
$btn-font-weight: normal !default;
|
||||
|
||||
$btn-default-color: #444 !default;
|
||||
$btn-default-bg: #FFFFFF !default;
|
||||
$btn-default-color: #eee !default;
|
||||
$btn-default-bg: #656565 !default;
|
||||
$btn-default-border: #e5e5e5 !default;
|
||||
|
||||
$btn-primary-color: #fff !default;
|
||||
$btn-primary-color: #eee !default;
|
||||
$btn-primary-bg: $brand-primary !default;
|
||||
$btn-primary-border: #D95100 !default;
|
||||
|
||||
$btn-success-color: #fff !default;
|
||||
$btn-success-color: #eee !default;
|
||||
$btn-success-bg: $brand-success !default;
|
||||
$btn-success-border: darken($btn-success-bg, 5%) !default;
|
||||
|
||||
$btn-info-color: #fff !default;
|
||||
$btn-info-color: #eee !default;
|
||||
$btn-info-bg: $brand-info !default;
|
||||
$btn-info-border: darken($btn-info-bg, 5%) !default;
|
||||
|
||||
$btn-warning-color: #fff !default;
|
||||
$btn-warning-color: #eee !default;
|
||||
$btn-warning-bg: $brand-warning !default;
|
||||
$btn-warning-border: darken($btn-warning-bg, 5%) !default;
|
||||
|
||||
$btn-danger-color: #fff !default;
|
||||
$btn-danger-color: #eee !default;
|
||||
$btn-danger-bg: $brand-danger !default;
|
||||
$btn-danger-border: darken($btn-danger-bg, 5%) !default;
|
||||
|
||||
@@ -181,12 +182,12 @@ $btn-link-disabled-color: $gray-light !default;
|
||||
//##
|
||||
|
||||
//** `<input>` background color
|
||||
$input-bg: #fff !default;
|
||||
$input-bg: #333 !default;
|
||||
//** `<input disabled>` background color
|
||||
$input-bg-disabled: $gray-lighter !default;
|
||||
|
||||
//** Text color for `<input>`s
|
||||
$input-color: $gray !default;
|
||||
$input-color: #ccc !default;
|
||||
//** `<input>` border color
|
||||
$input-border: #ccc !default;
|
||||
//** `<input>` border radius
|
||||
@@ -218,20 +219,20 @@ $input-group-addon-border-color: $input-border !default;
|
||||
//## Dropdown menu container and contents.
|
||||
|
||||
//** Background for the dropdown menu.
|
||||
$dropdown-bg: #fff !default;
|
||||
$dropdown-bg: #333 !default;
|
||||
//** Dropdown menu `border-color`.
|
||||
$dropdown-border: rgba(0,0,0,.15) !default;
|
||||
//** Dropdown menu `border-color` **for IE8**.
|
||||
$dropdown-fallback-border: #ccc !default;
|
||||
$dropdown-fallback-border: #444 !default;
|
||||
//** Divider color for between dropdown items.
|
||||
$dropdown-divider-bg: #e5e5e5 !default;
|
||||
$dropdown-divider-bg: #262626 !default;
|
||||
|
||||
//** Dropdown link text color.
|
||||
$dropdown-link-color: $gray-dark !default;
|
||||
$dropdown-link-color: #bbb !default;
|
||||
//** Hover color for dropdown links.
|
||||
$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
|
||||
$dropdown-link-hover-color: #f66 !default;
|
||||
//** Hover background for dropdown links.
|
||||
$dropdown-link-hover-bg: #f5f5f5 !default;
|
||||
$dropdown-link-hover-bg: #353535 !default;
|
||||
|
||||
//** Active dropdown menu item text color.
|
||||
$dropdown-link-active-color: $component-active-color !default;
|
||||
@@ -358,7 +359,7 @@ $navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
|
||||
$navbar-default-link-color: map-get($colors, lightgrey) !default;
|
||||
$navbar-default-link-hover-color: map-get($colors, orange) !default;
|
||||
$navbar-default-link-hover-bg: transparent !default;
|
||||
$navbar-default-link-active-color: #555 !default;
|
||||
$navbar-default-link-active-color: #aaa !default;
|
||||
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
|
||||
$navbar-default-link-disabled-color: #ccc !default;
|
||||
$navbar-default-link-disabled-bg: transparent !default;
|
||||
@@ -377,16 +378,16 @@ $navbar-default-toggle-border-color: #FFF !default;
|
||||
// Inverted navbar
|
||||
// Reset inverted navbar basics
|
||||
$navbar-inverse-color: $gray-light !default;
|
||||
$navbar-inverse-bg: #222 !default;
|
||||
$navbar-inverse-bg: #333 !default;
|
||||
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
|
||||
|
||||
// Inverted navbar links
|
||||
$navbar-inverse-link-color: $gray-light !default;
|
||||
$navbar-inverse-link-hover-color: #fff !default;
|
||||
$navbar-inverse-link-hover-color: #888 !default;
|
||||
$navbar-inverse-link-hover-bg: transparent !default;
|
||||
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
|
||||
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
|
||||
$navbar-inverse-link-disabled-color: #444 !default;
|
||||
$navbar-inverse-link-disabled-color: #33a !default;
|
||||
$navbar-inverse-link-disabled-bg: transparent !default;
|
||||
|
||||
// Inverted navbar brand label
|
||||
@@ -419,7 +420,7 @@ $nav-tabs-border-color: #E5E5E5 !default;
|
||||
$nav-tabs-link-hover-border-color: $gray-lighter !default;
|
||||
|
||||
$nav-tabs-active-link-hover-bg: $body-bg !default;
|
||||
$nav-tabs-active-link-hover-color: $gray !default;
|
||||
$nav-tabs-active-link-hover-color: #eee !default;
|
||||
$nav-tabs-active-link-hover-border-color: #ddd !default;
|
||||
|
||||
$nav-tabs-justified-link-border-color: #ddd !default;
|
||||
@@ -436,7 +437,7 @@ $nav-pills-active-link-hover-color: $component-active-color !default;
|
||||
//##
|
||||
|
||||
$pagination-color: $link-color !default;
|
||||
$pagination-bg: #fff !default;
|
||||
$pagination-bg: #222 !default;
|
||||
$pagination-border: #ddd !default;
|
||||
|
||||
$pagination-hover-color: $link-hover-color !default;
|
||||
@@ -448,7 +449,7 @@ $pagination-active-bg: $brand-primary !default;
|
||||
$pagination-active-border: $brand-primary !default;
|
||||
|
||||
$pagination-disabled-color: $gray-light !default;
|
||||
$pagination-disabled-bg: #fff !default;
|
||||
$pagination-disabled-bg: #222 !default;
|
||||
$pagination-disabled-border: #ddd !default;
|
||||
|
||||
|
||||
@@ -487,8 +488,8 @@ $state-success-text: $brand-success !default;
|
||||
$state-success-bg: $brand-success !default;
|
||||
$state-success-border: $brand-success !default;
|
||||
|
||||
$state-info-text: #31708f !default;
|
||||
$state-info-bg: #d9edf7 !default;
|
||||
$state-info-text: #ffffff !default;
|
||||
$state-info-bg: #4545a7 !default;
|
||||
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
|
||||
|
||||
$state-warning-text: $brand-warning !default;
|
||||
@@ -583,7 +584,7 @@ $modal-title-padding: 15px !default;
|
||||
$modal-title-line-height: $line-height-base !default;
|
||||
|
||||
//** Background color of modal content area
|
||||
$modal-content-bg: #fff !default;
|
||||
$modal-content-bg: #443 !default;
|
||||
//** Modal content border color
|
||||
$modal-content-border-color: rgba(0,0,0,.2) !default;
|
||||
//** Modal content border color **for IE8**
|
||||
@@ -633,7 +634,7 @@ $alert-danger-border: $state-danger-border !default;
|
||||
//##
|
||||
|
||||
//** Background color of the whole progress component
|
||||
$progress-bg: #f5f5f5 !default;
|
||||
$progress-bg: #484848 !default;
|
||||
//** Progress bar text color
|
||||
$progress-bar-color: #fff !default;
|
||||
|
||||
@@ -654,14 +655,14 @@ $progress-bar-info-bg: $brand-info !default;
|
||||
//##
|
||||
|
||||
//** Background color on `.list-group-item`
|
||||
$list-group-bg: #fff !default;
|
||||
$list-group-bg: #222 !default;
|
||||
//** `.list-group-item` border color
|
||||
$list-group-border: #ddd !default;
|
||||
//** List group border radius
|
||||
$list-group-border-radius: $border-radius-base !default;
|
||||
|
||||
//** Background color of single list items on hover
|
||||
$list-group-hover-bg: #f5f5f5 !default;
|
||||
$list-group-hover-bg: #484848 !default;
|
||||
//** Text color of active list items
|
||||
$list-group-active-color: $component-active-color !default;
|
||||
//** Background color of active list items
|
||||
@@ -687,7 +688,7 @@ $list-group-link-heading-color: #333 !default;
|
||||
//
|
||||
//##
|
||||
|
||||
$panel-bg: #fff !default;
|
||||
$panel-bg: #222 !default;
|
||||
$panel-body-padding: 15px !default;
|
||||
$panel-heading-padding: 10px 15px !default;
|
||||
$panel-footer-padding: $panel-heading-padding !default;
|
||||
@@ -695,11 +696,11 @@ $panel-border-radius: $border-radius-base !default;
|
||||
|
||||
//** Border color for elements within panels
|
||||
$panel-inner-border: #ddd !default;
|
||||
$panel-footer-bg: #f5f5f5 !default;
|
||||
$panel-footer-bg: #484848 !default;
|
||||
|
||||
$panel-default-text: $gray-dark !default;
|
||||
$panel-default-border: #ddd !default;
|
||||
$panel-default-heading-bg: #f5f5f5 !default;
|
||||
$panel-default-heading-bg: #484848 !default;
|
||||
|
||||
$panel-primary-text: #fff !default;
|
||||
$panel-primary-border: $brand-primary !default;
|
||||
@@ -745,7 +746,7 @@ $thumbnail-caption-padding: 9px !default;
|
||||
//
|
||||
//##
|
||||
|
||||
$well-bg: #f5f5f5 !default;
|
||||
$well-bg: #484848 !default;
|
||||
$well-border: darken($well-bg, 7%) !default;
|
||||
|
||||
|
||||
@@ -753,15 +754,15 @@ $well-border: darken($well-bg, 7%) !default;
|
||||
//
|
||||
//##
|
||||
|
||||
$badge-color: #fff !default;
|
||||
$badge-color: #443 !default;
|
||||
//** Linked badge text color on hover
|
||||
$badge-link-hover-color: #fff !default;
|
||||
$badge-link-hover-color: #443 !default;
|
||||
$badge-bg: $gray-light !default;
|
||||
|
||||
//** Badge text color in active nav link
|
||||
$badge-active-color: $link-color !default;
|
||||
//** Badge background color in active nav link
|
||||
$badge-active-bg: #fff !default;
|
||||
$badge-active-bg: #443 !default;
|
||||
|
||||
$badge-font-weight: bold !default;
|
||||
$badge-line-height: 1 !default;
|
||||
@@ -775,7 +776,7 @@ $badge-border-radius: 10px !default;
|
||||
$breadcrumb-padding-vertical: 8px !default;
|
||||
$breadcrumb-padding-horizontal: 15px !default;
|
||||
//** Breadcrumb background color
|
||||
$breadcrumb-bg: #f5f5f5 !default;
|
||||
$breadcrumb-bg: #484848 !default;
|
||||
//** Breadcrumb text color
|
||||
$breadcrumb-color: #ccc !default;
|
||||
//** Text color of current page in the breadcrumb
|
||||
@@ -820,7 +821,7 @@ $code-bg: #f9f2f4 !default;
|
||||
$kbd-color: #fff !default;
|
||||
$kbd-bg: #333 !default;
|
||||
|
||||
$pre-bg: #f5f5f5 !default;
|
||||
$pre-bg: #484848 !default;
|
||||
$pre-color: $gray-dark !default;
|
||||
$pre-border-color: #ccc !default;
|
||||
$pre-scrollable-max-height: 340px !default;
|
||||
|
||||
+1
-1
@@ -3,7 +3,7 @@
|
||||
// Used in forms.less to generate the form validation CSS for warnings, errors,
|
||||
// and successes.
|
||||
|
||||
@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
|
||||
@mixin form-control-validation($text-color: #ddd, $border-color: #ccc, $background-color: #484848) {
|
||||
// Color the label and help text
|
||||
.help-block,
|
||||
.control-label,
|
||||
|
||||
+1
-1
@@ -23,7 +23,7 @@
|
||||
&.active,
|
||||
&.active:hover,
|
||||
&.active:focus {
|
||||
color: #fff;
|
||||
color: #222;
|
||||
background-color: $color;
|
||||
border-color: $color;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
+25
-25
@@ -1,9 +1,9 @@
|
||||
$colors: (
|
||||
orange: #EA7105,
|
||||
lightgrey: #f0f0f0
|
||||
lightgrey: #2B2B2B,
|
||||
lightergrey: #232323,
|
||||
darkgrey: #dadada,
|
||||
bordergrey: #121212,
|
||||
darkgrey: #C1C1C1,
|
||||
bordergrey: #E5E5E5,
|
||||
);
|
||||
|
||||
$zindex: (
|
||||
@@ -16,7 +16,7 @@ $zindex: (
|
||||
// format dashboard widget headers
|
||||
.widgetdiv {
|
||||
.content-box-head {
|
||||
background: #7481f9 !important;
|
||||
background: #454545 !important;
|
||||
color: map-get($colors, darkgrey) !important;
|
||||
padding-bottom: 1px !important;
|
||||
padding-top: 1px !important;
|
||||
@@ -27,7 +27,7 @@ $zindex: (
|
||||
.btn-group {
|
||||
.btn {
|
||||
color: map-get($colors, darkgrey) !important;
|
||||
background: #7481f9 !important;
|
||||
background: #454545 !important;
|
||||
border: 0px;
|
||||
.glyphicon {
|
||||
color: map-get($colors, darkgrey) !important;
|
||||
@@ -168,7 +168,7 @@ body{
|
||||
}
|
||||
|
||||
.page-side{
|
||||
background: #333;
|
||||
background: #222;
|
||||
border-right: 1px solid rgba(0,0,0,.15);
|
||||
height: 100% !important;
|
||||
height: calc(100% - 52px) !important;
|
||||
@@ -203,7 +203,7 @@ body{
|
||||
|
||||
.content-box{
|
||||
background: #333;
|
||||
border: 1px solid map-get($colors, bordergrey);;
|
||||
border: 1px solid map-get($colors, bordergrey);
|
||||
|
||||
@extend .clearfix;
|
||||
|
||||
@@ -290,7 +290,7 @@ body{
|
||||
.login-modal{
|
||||
|
||||
&-container{
|
||||
background: #333;
|
||||
background: #222;
|
||||
border: 1px solid map-get($colors, bordergrey);
|
||||
max-width: 400px;
|
||||
margin: 100px auto 15px auto;
|
||||
@@ -313,11 +313,11 @@ body{
|
||||
padding: 20px 20px 0 20px;
|
||||
|
||||
a{
|
||||
color: #459865;
|
||||
color: #7D7D7D;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover{
|
||||
color: darken(#d8d8d8, 10%);
|
||||
color: darken(#7D7D7D, 10%);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
@@ -380,23 +380,23 @@ body{
|
||||
}
|
||||
|
||||
.nav-tabs > li > a {
|
||||
background: #212121;
|
||||
background: #232323;
|
||||
border-radius: 0px;
|
||||
border-top-right-radius: 10px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
nav-tabs > li > a,
|
||||
.nav-tabs > li > a,
|
||||
.nav-tabs > li > a:hover,
|
||||
.nav-tabs > li > a:focus {
|
||||
border-right: 1px solid darken(#232323B, 5%);
|
||||
border-top: 1px solid darken(#232323B, 5%);
|
||||
border-left: 1px solid darken(#232323B, 5%);
|
||||
border-right: 1px solid darken(#232323, 5%);
|
||||
border-top: 1px solid darken(#232323, 5%);
|
||||
border-left: 1px solid darken(#232323, 5%);
|
||||
border-bottom: 1px solid darken(map-get($colors, bordergrey), 30%);
|
||||
}
|
||||
|
||||
.nav-tabs > li.active > a {
|
||||
background: #FFF !important;
|
||||
background: #555 !important;
|
||||
}
|
||||
|
||||
.nav-tabs > li.active > a,
|
||||
@@ -464,7 +464,7 @@ nav-tabs > li > a,
|
||||
}
|
||||
|
||||
.btn-default .glyphicon {
|
||||
color: #474747;
|
||||
color: #A1A1S1;
|
||||
}
|
||||
|
||||
table{
|
||||
@@ -536,7 +536,7 @@ table{
|
||||
}
|
||||
|
||||
&:before{
|
||||
background: #434343;
|
||||
background: #EA7105;
|
||||
content: "";
|
||||
height: 42px;
|
||||
min-height: 100%;
|
||||
@@ -561,19 +561,19 @@ table{
|
||||
.active-menu-title, .active-menu a{
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
background-color: #484848;
|
||||
background-color: #262626;
|
||||
|
||||
&:before{
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
&.active{
|
||||
background-color: #686868;
|
||||
background-color: #454545;
|
||||
}
|
||||
}
|
||||
|
||||
.active-menu a:before{
|
||||
background: #454545;
|
||||
background: #ED9A50;
|
||||
}
|
||||
|
||||
.alert.alert-danger{
|
||||
@@ -616,17 +616,17 @@ table{
|
||||
height:5px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: #565656;
|
||||
background: #2B2B2B;
|
||||
box-shadow: 0px 0px 0px;
|
||||
border-radius:0;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #383838;
|
||||
border: thin solid #383838;
|
||||
background: #e5e5e5;
|
||||
border: thin solid #e5e5e5;
|
||||
border-radius: 0px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background:#383838;
|
||||
background:#e5e5e5;
|
||||
}
|
||||
|
||||
.widgetdiv {
|
||||
|
||||
+4
-4
@@ -14,7 +14,7 @@
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
.bootstrap-dialog .bootstrap-dialog-title {
|
||||
color: #fff;
|
||||
color: #ccc;
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-dialog .bootstrap-dialog-button-icon {
|
||||
@@ -35,13 +35,13 @@
|
||||
opacity: 1;
|
||||
}
|
||||
.bootstrap-dialog.type-default .modal-header {
|
||||
background-color: #553;
|
||||
background-color: #445;
|
||||
}
|
||||
.bootstrap-dialog.type-default .bootstrap-dialog-title {
|
||||
color: #eee;
|
||||
color: #ccc;
|
||||
}
|
||||
.bootstrap-dialog.type-info .modal-header {
|
||||
background-color: #B0CDDB;
|
||||
background-color: #454545;
|
||||
}
|
||||
.bootstrap-dialog.type-primary .modal-header {
|
||||
background-color: #EA7105;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user