From 9954f1988be8f5070741bc481a9a508a6648f1fc Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Sat, 13 Oct 2018 18:13:08 +0200 Subject: [PATCH] palette: darken a bit alert backgrounds --- css/palette.css | 30 +++++++++++++++--------------- scss/palette.scss | 2 +- 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/css/palette.css b/css/palette.css index 4069676..64faf1d 100644 --- a/css/palette.css +++ b/css/palette.css @@ -280,35 +280,35 @@ /* ALERTS */ .alert-blue { - background-color: #eaedf9; + background-color: #d7dcf3; color: black; } .alert-violet { - background-color: #faedfa; + background-color: #f5d9f4; color: black; } .alert-purple { - background-color: #ece7f6; + background-color: #ded4ef; color: black; } .alert-red { - background-color: #fadcd7; + background-color: #f7c8c0; color: black; } .alert-orange { - background-color: #fde0c4; + background-color: #fbd3ac; color: black; } .alert-green { - background-color: #d9f0c1; + background-color: #cdebad; color: black; } .alert-skyblue { - background-color: white; + background-color: #eaf4fe; color: black; } .alert-dark { - background-color: lightgray; + background-color: #c6c6c6; color: black; } .alert-light { @@ -316,31 +316,31 @@ color: #23231f; } .alert-turquoise { - background-color: #dcf3ed; + background-color: #caece3; color: black; } .alert-primary { - background-color: #ece7f6; + background-color: #ded4ef; color: black; } .alert-secondary { - background-color: #eaedf9; + background-color: #d7dcf3; color: black; } .alert-warning { - background-color: #fde0c4; + background-color: #fbd3ac; color: black; } .alert-danger { - background-color: #fadcd7; + background-color: #f7c8c0; color: black; } .alert-info { - background-color: white; + background-color: #eaf4fe; color: black; } .alert-success { - background-color: #d9f0c1; + background-color: #cdebad; color: black; } /* TEXT */ diff --git a/scss/palette.scss b/scss/palette.scss index d27b726..2eac771 100644 --- a/scss/palette.scss +++ b/scss/palette.scss @@ -34,7 +34,7 @@ $color-success: $color-green; } @mixin alert-color($background-color) { - background-color: lighten($background-color, 40%); + background-color: lighten($background-color, 35%); color: darken($background-color, 80%); }