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; + } }