From d99bdd912340366454be275b20564bde19629894 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Mon, 25 Mar 2019 11:06:31 +0100 Subject: [PATCH] scss: change main color to skyblue --- scss/_definitions.scss | 2 +- style.css | 32 ++++++++++++++++---------------- 2 files changed, 17 insertions(+), 17 deletions(-) diff --git a/scss/_definitions.scss b/scss/_definitions.scss index 80fb48c..6154fe7 100644 --- a/scss/_definitions.scss +++ b/scss/_definitions.scss @@ -16,7 +16,7 @@ $inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1); $border-radius: 0px; $border-size: 1px; -$color-primary: $color-red; +$color-primary: $color-skyblue; $color-secondary: $color-dark; $color-link: $color-blue; $color-selection: $color-blue; diff --git a/style.css b/style.css index 678754a..723a919 100644 --- a/style.css +++ b/style.css @@ -87,7 +87,7 @@ color: #FFF; } .bg-primary { - background-color: #e33d22 !important; + background-color: #42a0f3 !important; color: #FFF; } .bg-secondary { @@ -147,7 +147,7 @@ select { border-radius: 0px 0px 0px 0px; box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1); } .input-group .form-control:focus { - box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 2px #ee8c7d; } + box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 2px #a2d0f9; } /* * 2 - Typography ( _typography.scss ) @@ -352,8 +352,8 @@ h1, h2, h3, h4, h5, h6, h7 { font-weight: 400; } h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title, h7.page-title { font-family: Teko; - color: #e33d22; - border-bottom: 3px solid #e33d22; + color: #42a0f3; + border-bottom: 3px solid #42a0f3; font-weight: 600; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2); @@ -370,9 +370,9 @@ h1, h2, h3, h4, h5, h6, h7 { h1.page-title-flex > span, h1.page-title-flex > i, h1.page-title-flex > a, h2.page-title-flex > span, h2.page-title-flex > i, h2.page-title-flex > a, h3.page-title-flex > span, h3.page-title-flex > i, h3.page-title-flex > a, h4.page-title-flex > span, h4.page-title-flex > i, h4.page-title-flex > a, h5.page-title-flex > span, h5.page-title-flex > i, h5.page-title-flex > a, h6.page-title-flex > span, h6.page-title-flex > i, h6.page-title-flex > a, h7.page-title-flex > span, h7.page-title-flex > i, h7.page-title-flex > a { display: block; } h1.page-title-flex > a, h2.page-title-flex > a, h3.page-title-flex > a, h4.page-title-flex > a, h5.page-title-flex > a, h6.page-title-flex > a, h7.page-title-flex > a { - color: #e33d22; } + color: #42a0f3; } h1.page-title-flex > a:hover, h1.page-title-flex > a:focus, h1.page-title-flex > a:active, h2.page-title-flex > a:hover, h2.page-title-flex > a:focus, h2.page-title-flex > a:active, h3.page-title-flex > a:hover, h3.page-title-flex > a:focus, h3.page-title-flex > a:active, h4.page-title-flex > a:hover, h4.page-title-flex > a:focus, h4.page-title-flex > a:active, h5.page-title-flex > a:hover, h5.page-title-flex > a:focus, h5.page-title-flex > a:active, h6.page-title-flex > a:hover, h6.page-title-flex > a:focus, h6.page-title-flex > a:active, h7.page-title-flex > a:hover, h7.page-title-flex > a:focus, h7.page-title-flex > a:active { - color: #ba2e18; } + color: #1288f0; } h1 { font-size: 2.33333em; @@ -428,7 +428,7 @@ blockquote, .quote, .well { margin: -0.75em -0.2em 0.75em -0.2em; padding: 0.75em 1em 0.75em 1em; max-width: 100%; - border-color: #e33d22; } + border-color: #42a0f3; } pre, .pre, .well-pre { border-width: 0 0 0 0.2em; @@ -437,7 +437,7 @@ pre, .pre, .well-pre { margin: -0.75em -0.2em 0.75em -0.2em; padding: 0.75em 1em 0.75em 1em; max-width: 100%; - border-color: #e33d22; + border-color: #42a0f3; background-color: #EEE; overflow-x: scroll; } .night-mode pre, .night-mode .pre, .night-mode .well-pre { @@ -452,7 +452,7 @@ mark { color: inherit; } .night-mode mark { - background-color: #e33d22; } + background-color: #42a0f3; } .time { font-style: italic; @@ -501,7 +501,7 @@ mark { color: #77767b; } .text-primary { - color: #e33d22; } + color: #42a0f3; } .text-secondary { color: #2D2D2D; } @@ -685,7 +685,7 @@ ul.social { color: #FFF; } .card-primary > .card-header { - background-color: #e33d22; + background-color: #42a0f3; color: #FFF; } .card-secondary > .card-header { @@ -875,7 +875,7 @@ a.list-group-item:hover { color: black; } .alert-primary { - background-color: #f7c8c0; + background-color: #eaf4fe; color: black; } .alert-secondary { @@ -1030,10 +1030,10 @@ a.list-group-item:hover { color: #FFF; } .btn-primary { - background-color: #e33d22; + background-color: #42a0f3; color: #FFF; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active, .btn-primary:not(.disabled):not(:disabled):focus { - background-color: #ec7966; + background-color: #8ac4f8; color: #FFF; } .btn-secondary { @@ -1280,10 +1280,10 @@ a.list-group-item:hover { color: #FFF; } .badge-primary { - background-color: #e33d22; + background-color: #42a0f3; color: #FFF; } .badge-primary:hover, .badge-primary:active, .badge-primary:focus, a:hover > .badge-primary, a:active > .badge-primary, a:focus > .badge-primary, .badge-primary:not(.disabled):not(:disabled):hover, .badge-primary:not(.disabled):not(:disabled):active, .badge-primary:not(.disabled):not(:disabled):focus, a:hover > .badge-primary:not(.disabled):not(:disabled), a:active > .badge-primary:not(.disabled):not(:disabled), a:focus > .badge-primary:not(.disabled):not(:disabled) { - background-color: #ec7966; + background-color: #8ac4f8; color: #FFF; } .badge-secondary {