improve navbar / cards colours

main
Michael Weimann 3 years ago
parent d9a9b1921d
commit 3c77ec62d0
No known key found for this signature in database
GPG Key ID: 34F0524D4DA694A1

@ -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…
Cancel
Save