improve navbar / cards colours
This commit is contained in:
parent
d9a9b1921d
commit
3c77ec62d0
|
@ -5,6 +5,10 @@
|
|||
$link-decoration: none !default;
|
||||
$link-hover-decoration: underline !default;
|
||||
|
||||
$nav-tabs-link-active-color: #fff !default;
|
||||
$nav-tabs-link-active-bg: $primary !default;
|
||||
$nav-tabs-link-active-border-color: none !default;
|
||||
|
||||
// Imports
|
||||
@import "~bootstrap/scss/functions";
|
||||
@import "~bootstrap/scss/variables";
|
||||
|
|
|
@ -1,6 +1,4 @@
|
|||
// All dark themes
|
||||
$input-group-addon-color: #222;
|
||||
$input-disabled-bg: #111;
|
||||
$nav-tabs-link-active-color: #ADAFAE;
|
||||
$alert-bg-scale: 70%;
|
||||
|
||||
|
|
|
@ -5,3 +5,12 @@ $primary: #337ab7;
|
|||
$light: #f5f5f5;
|
||||
|
||||
@import "base.scss";
|
||||
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-primary,
|
||||
&.bg-success,
|
||||
&.bg-danger {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -55,8 +55,6 @@ $state-danger-border: darken($state-danger-bg, 3%);
|
|||
|
||||
$headings-small-color: $gray-light;
|
||||
|
||||
$nav-tabs-link-active-color: $gray-light;
|
||||
|
||||
code {
|
||||
background-color: $state-info-bg;
|
||||
color: $state-info-text;
|
||||
|
@ -78,3 +76,10 @@ $alert-color-scale: 0%;
|
|||
// dark
|
||||
@import "cyborg_variables";
|
||||
@import "cyborg_styles";
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-warning,
|
||||
&.bg-info {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -56,3 +56,9 @@ h1 {
|
|||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -46,9 +46,6 @@ $btn-warning-border: darken($btn-default-bg, 10%);
|
|||
$btn-danger-color: #000;
|
||||
$btn-danger-border: darken($btn-default-bg, 10%);
|
||||
|
||||
//= Navigation
|
||||
$nav-tabs-link-active-color: $gray-lighter;
|
||||
|
||||
|
||||
//== Forms
|
||||
|
||||
|
|
|
@ -156,3 +156,9 @@ body {
|
|||
background: rgba(0,0,0,0.8);
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -31,3 +31,9 @@ $state-danger-bg: lighten($brand-danger,50%);
|
|||
$state-danger-border: $brand-danger;
|
||||
|
||||
@import "base.scss";
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-danger {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -67,3 +67,9 @@ $navbar-default-brand-hover-bg: #000;
|
|||
}
|
||||
|
||||
@import "base.scss";
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-info {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -91,9 +91,6 @@ $badge-color: #fff;
|
|||
$headings-small-color: $gray-light;
|
||||
|
||||
|
||||
// Navigation tabs
|
||||
$nav-tabs-link-active-color: $gray-light;
|
||||
|
||||
// Bootswatch
|
||||
// -----------------------------------------------------
|
||||
@import "cyborg_variables.scss";
|
||||
|
@ -119,3 +116,9 @@ code {
|
|||
background-color: $state-info-bg;
|
||||
color: $state-info-text;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -35,3 +35,9 @@ $state-danger-border: $brand-danger;
|
|||
}
|
||||
|
||||
@import "base.scss";
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-primary {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -151,3 +151,9 @@ code {
|
|||
background-color: $input-bg;
|
||||
color: $input-color;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -99,9 +99,6 @@ $navbar-default-link-hover-color: $link-hover-color;
|
|||
$navbar-default-link-active-color: $brand-primary;
|
||||
$navbar-default-brand-color: $brand-primary;
|
||||
$navbar-default-brand-hover-color: lighten($brand-primary, 10%);
|
||||
$nav-tabs-link-active-color: #fff;
|
||||
$nav-tabs-link-active-bg: $brand-primary;
|
||||
$nav-tabs-link-active-border-color: none;
|
||||
|
||||
|
||||
//== changed Pagination
|
||||
|
@ -263,4 +260,12 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|||
code {
|
||||
color: $headings-color;
|
||||
}
|
||||
|
||||
&.bg-primary,
|
||||
&.bg-secondary,
|
||||
&.bg-success,
|
||||
&.bg-danger,
|
||||
&.bg-info {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -55,3 +55,9 @@ h1 {
|
|||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -56,3 +56,10 @@ h1 {
|
|||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
&.bg-primary,
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue