kazhnuz/bluesky-bootstrap-theme
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

palette: darken a bit alert backgrounds

Browse source
This commit is contained in:
Kazhnuz 2018-10-13 18:13:08 +02:00
parent 27303fd8a1
commit 9954f1988b
2 changed files with 16 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
css/palette.css
View file

@ -280,35 +280,35 @@
/* ALERTS */ /* ALERTS */
.alert-blue { .alert-blue {
background-color: #eaedf9; background-color: #d7dcf3;
color: black; } color: black; }
.alert-violet { .alert-violet {
background-color: #faedfa; background-color: #f5d9f4;
color: black; } color: black; }
.alert-purple { .alert-purple {
background-color: #ece7f6; background-color: #ded4ef;
color: black; } color: black; }
.alert-red { .alert-red {
background-color: #fadcd7; background-color: #f7c8c0;
color: black; } color: black; }
.alert-orange { .alert-orange {
background-color: #fde0c4; background-color: #fbd3ac;
color: black; } color: black; }
.alert-green { .alert-green {
background-color: #d9f0c1; background-color: #cdebad;
color: black; } color: black; }
.alert-skyblue { .alert-skyblue {
background-color: white; background-color: #eaf4fe;
color: black; } color: black; }
.alert-dark { .alert-dark {
background-color: lightgray; background-color: #c6c6c6;
color: black; } color: black; }
.alert-light { .alert-light {
@ -316,31 +316,31 @@
color: #23231f; } color: #23231f; }
.alert-turquoise { .alert-turquoise {
background-color: #dcf3ed; background-color: #caece3;
color: black; } color: black; }
.alert-primary { .alert-primary {
background-color: #ece7f6; background-color: #ded4ef;
color: black; } color: black; }
.alert-secondary { .alert-secondary {
background-color: #eaedf9; background-color: #d7dcf3;
color: black; } color: black; }
.alert-warning { .alert-warning {
background-color: #fde0c4; background-color: #fbd3ac;
color: black; } color: black; }
.alert-danger { .alert-danger {
background-color: #fadcd7; background-color: #f7c8c0;
color: black; } color: black; }
.alert-info { .alert-info {
background-color: white; background-color: #eaf4fe;
color: black; } color: black; }
.alert-success { .alert-success {
background-color: #d9f0c1; background-color: #cdebad;
color: black; } color: black; }
/* TEXT */ /* TEXT */

2
scss/palette.scss
View file

@ -34,7 +34,7 @@ $color-success: $color-green;
} }
@mixin alert-color($background-color) { @mixin alert-color($background-color) {
background-color: lighten($background-color, 40%); background-color: lighten($background-color, 35%);
color: darken($background-color, 80%); color: darken($background-color, 80%);
} }