kobold.cafe/kobold.city-old
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

scss: change main color to skyblue

Browse source
This commit is contained in:
Kazhnuz 2019-03-25 11:06:31 +01:00
parent 505c2a080a
commit d99bdd9123
2 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scss/_definitions.scss
View file

@ -16,7 +16,7 @@ $inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
$border-radius: 0px; $border-radius: 0px;
$border-size: 1px; $border-size: 1px;
$color-primary: $color-red; $color-primary: $color-skyblue;
$color-secondary: $color-dark; $color-secondary: $color-dark;
$color-link: $color-blue; $color-link: $color-blue;
$color-selection: $color-blue; $color-selection: $color-blue;

32
style.css
View file

@ -87,7 +87,7 @@
color: #FFF; } color: #FFF; }
.bg-primary { .bg-primary {
background-color: #e33d22 !important; background-color: #42a0f3 !important;
color: #FFF; } color: #FFF; }
.bg-secondary { .bg-secondary {
@ -147,7 +147,7 @@ select {
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1); } box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1); }
.input-group .form-control:focus { .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 ) * 2 - Typography ( _typography.scss )
@ -352,8 +352,8 @@ h1, h2, h3, h4, h5, h6, h7 {
font-weight: 400; } font-weight: 400; }
h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title, h7.page-title { h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title, h7.page-title {
font-family: Teko; font-family: Teko;
color: #e33d22; color: #42a0f3;
border-bottom: 3px solid #e33d22; border-bottom: 3px solid #42a0f3;
font-weight: 600; font-weight: 600;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 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 { 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; } 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 { 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 { 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 { h1 {
font-size: 2.33333em; font-size: 2.33333em;
@ -428,7 +428,7 @@ blockquote, .quote, .well {
margin: -0.75em -0.2em 0.75em -0.2em; margin: -0.75em -0.2em 0.75em -0.2em;
padding: 0.75em 1em 0.75em 1em; padding: 0.75em 1em 0.75em 1em;
max-width: 100%; max-width: 100%;
border-color: #e33d22; } border-color: #42a0f3; }
pre, .pre, .well-pre { pre, .pre, .well-pre {
border-width: 0 0 0 0.2em; border-width: 0 0 0 0.2em;
@ -437,7 +437,7 @@ pre, .pre, .well-pre {
margin: -0.75em -0.2em 0.75em -0.2em; margin: -0.75em -0.2em 0.75em -0.2em;
padding: 0.75em 1em 0.75em 1em; padding: 0.75em 1em 0.75em 1em;
max-width: 100%; max-width: 100%;
border-color: #e33d22; border-color: #42a0f3;
background-color: #EEE; background-color: #EEE;
overflow-x: scroll; } overflow-x: scroll; }
.night-mode pre, .night-mode .pre, .night-mode .well-pre { .night-mode pre, .night-mode .pre, .night-mode .well-pre {
@ -452,7 +452,7 @@ mark {
color: inherit; } color: inherit; }
.night-mode mark { .night-mode mark {
background-color: #e33d22; } background-color: #42a0f3; }
.time { .time {
font-style: italic; font-style: italic;
@ -501,7 +501,7 @@ mark {
color: #77767b; } color: #77767b; }
.text-primary { .text-primary {
color: #e33d22; } color: #42a0f3; }
.text-secondary { .text-secondary {
color: #2D2D2D; } color: #2D2D2D; }
@ -685,7 +685,7 @@ ul.social {
color: #FFF; } color: #FFF; }
.card-primary > .card-header { .card-primary > .card-header {
background-color: #e33d22; background-color: #42a0f3;
color: #FFF; } color: #FFF; }
.card-secondary > .card-header { .card-secondary > .card-header {
@ -875,7 +875,7 @@ a.list-group-item:hover {
color: black; } color: black; }
.alert-primary { .alert-primary {
background-color: #f7c8c0; background-color: #eaf4fe;
color: black; } color: black; }
.alert-secondary { .alert-secondary {
@ -1030,10 +1030,10 @@ a.list-group-item:hover {
color: #FFF; } color: #FFF; }
.btn-primary { .btn-primary {
background-color: #e33d22; background-color: #42a0f3;
color: #FFF; } 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 { .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; } color: #FFF; }
.btn-secondary { .btn-secondary {
@ -1280,10 +1280,10 @@ a.list-group-item:hover {
color: #FFF; } color: #FFF; }
.badge-primary { .badge-primary {
background-color: #e33d22; background-color: #42a0f3;
color: #FFF; } 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) { .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; } color: #FFF; }
.badge-secondary { .badge-secondary {