From d2d1e548fd9516033f52f45e822f098adcf37046 Mon Sep 17 00:00:00 2001
From: Kazhnuz <antoine@sortilege.net>
Date: Sat, 13 Oct 2018 18:07:06 +0200
Subject: [PATCH] palette: fully support background colors

---
 css/palette.css   | 67 ++++++++++++++++++++++++++++++++++++++++++++---
 scss/palette.scss | 33 ++++++++++++++++++-----
 2 files changed, 90 insertions(+), 10 deletions(-)

diff --git a/css/palette.css b/css/palette.css
index 0782d9b..9369aec 100644
--- a/css/palette.css
+++ b/css/palette.css
@@ -177,6 +177,7 @@
     background-color: #8fd246;
     color: #FFF; }
 
+/* social */
 .btn-facebook {
   background-color: #3B5998;
   color: #FFF; }
@@ -212,10 +213,70 @@
     background-color: #3d4455;
     color: #FFF; }
 
-/* social */
-/* de base */
+/* BACKGROUNDS */
+.bg-blue {
+  background-color: #4e63c9 !important;
+  color: #FFF; }
+
+.bg-violet {
+  background-color: #ce4dcd !important;
+  color: #FFF; }
+
+.bg-purple {
+  background-color: #7951c0 !important;
+  color: #FFF; }
+
+.bg-red {
+  background-color: #e33d22 !important;
+  color: #FFF; }
+
+.bg-orange {
+  background-color: #eb790a !important;
+  color: #FFF; }
+
+.bg-green {
+  background-color: #75b82d !important;
+  color: #FFF; }
+
+.bg-skyblue {
+  background-color: #42a0f3 !important;
+  color: #FFF; }
+
+.bg-dark {
+  background-color: #6d6d6d !important;
+  color: #FFF; }
+
+.bg-light {
+  background-color: #eeeeec !important;
+  color: #111; }
+
+.bg-turquoise {
+  background-color: #46bd9e !important;
+  color: #FFF; }
+
 .bg-primary {
-  background-color: #7951c0 !important; }
+  background-color: #7951c0 !important;
+  color: #FFF; }
+
+.bg-secondary {
+  background-color: #4e63c9 !important;
+  color: #FFF; }
+
+.bg-warning {
+  background-color: #eb790a !important;
+  color: #FFF; }
+
+.bg-danger {
+  background-color: #e33d22 !important;
+  color: #FFF; }
+
+.bg-info {
+  background-color: #42a0f3 !important;
+  color: #FFF; }
+
+.bg-success {
+  background-color: #75b82d !important;
+  color: #FFF; }
 
 /* alertes */
 .alert-primary {
diff --git a/scss/palette.scss b/scss/palette.scss
index e27645b..f5a4bbd 100644
--- a/scss/palette.scss
+++ b/scss/palette.scss
@@ -28,6 +28,11 @@ $color-success: $color-green;
   color: $text-color;
 }
 
+@mixin background-color($background-color, $text-color) {
+  background-color: $background-color!important;
+  color: $text-color;
+}
+
 /* CARDS */
 
 .card {
@@ -72,6 +77,8 @@ $color-success: $color-green;
   &-success { @include button-color($color-success, #FFF); }
 }
 
+/* social */
+
 .btn {
   &-facebook {@include button-color(#3B5998, #FFF);}
   &-twitter {@include button-color(#55ACEE, #FFF);}
@@ -80,14 +87,26 @@ $color-success: $color-green;
   &-mastodon {@include button-color(#282c37, #FFF);}
 }
 
-/* social */
+/* BACKGROUNDS */
 
-
-
-/* de base */
-
-.bg-primary {
-  background-color:#7951c0!important;
+.bg {
+  &-blue { @include background-color($color-blue, #FFF); }
+  &-violet { @include background-color($color-violet, #FFF); }
+  &-purple { @include background-color($color-purple, #FFF); }
+  &-red { @include background-color($color-red, #FFF); }
+  &-orange { @include background-color($color-orange, #FFF); }
+  &-green { @include background-color($color-green, #FFF); }
+  &-skyblue { @include background-color($color-skyblue, #FFF); }
+  &-dark { @include background-color($color-dark, #FFF); }
+  &-light { @include background-color($color-light, #111); }
+  &-turquoise { @include background-color($color-turquoise, #FFF); }
+  
+  &-primary { @include background-color($color-primary, #FFF); }
+  &-secondary { @include background-color($color-secondary, #FFF); }
+  &-warning { @include background-color($color-warning, #FFF); }
+  &-danger { @include background-color($color-danger, #FFF); }
+  &-info { @include background-color($color-info, #FFF); }
+  &-success { @include background-color($color-success, #FFF); }
 }
 
 /* alertes */