From 76d3f60100b454c9e2825b446c68e56c23df68d1 Mon Sep 17 00:00:00 2001 From: Tristan Maat Date: Sat, 7 Apr 2018 19:53:48 +0000 Subject: [PATCH] custom-bootstrap.scss: Fix bootstrap theme --- src/lib/scss/_custom-bootstrap.scss | 50 +++++++++++++++++++++++++++-- 1 file changed, 48 insertions(+), 2 deletions(-) diff --git a/src/lib/scss/_custom-bootstrap.scss b/src/lib/scss/_custom-bootstrap.scss index e31cf2c..dfb1431 100644 --- a/src/lib/scss/_custom-bootstrap.scss +++ b/src/lib/scss/_custom-bootstrap.scss @@ -2,11 +2,57 @@ @import "~bootstrap/scss/variables"; @import "~bootstrap/scss/mixins"; +// Theme colors +$green: #2aa889; +$cyan: #99d1ce; + +$dark: #11151c; + +$colors: ( + "green": $green, + "cyan": $cyan +); + +$theme-colors: ( + "info": $cyan, + "success": $green, + "dark": $dark +); + +// Site colors $body-bg: #0f0f0f; $body-color: #dddddd; + +// Headers $headings-font-family: "Nunito", $font-family-base; + +h1 { + color: $cyan !important; +} + +// Links +$link-hover-color: $green; +a:visited { + color: $green; +} + +// hr $hr-border-color: #dddddd; -.navbar .navbar-brand { - text-transform: uppercase; +// Navbar +$navbar-dark-color: rgba($white, .75); +$navbar-dark-hover-color: rgba($white, 90); + +.navbar-dark { + border: 1px solid #080808; +} + +.navbar-dark .navbar-brand { + color: $cyan !important; + text-transform: uppercase; + font-family: $headings-font-family; + + &:hover { + color: $white !important; + } }