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