From aa453ab770ff8a7e9794daa80e9b0466d6570f5d Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <andy@pixelde.su>
Date: Tue, 28 Apr 2020 13:07:16 +0200
Subject: [PATCH] Moved $colors list into variables

Also renamed it because it would cause a collission with Bootstraps $colors surely at some point.
---
 app/assets/stylesheets/_variables.scss         | 11 ++++++++++-
 app/assets/stylesheets/overrides/_buttons.scss | 10 +---------
 app/assets/stylesheets/overrides/_colors.scss  | 10 +---------
 3 files changed, 12 insertions(+), 19 deletions(-)

diff --git a/app/assets/stylesheets/_variables.scss b/app/assets/stylesheets/_variables.scss
index cd0ef8a5..88ffc36e 100644
--- a/app/assets/stylesheets/_variables.scss
+++ b/app/assets/stylesheets/_variables.scss
@@ -1,4 +1,4 @@
-// Colors
+// Color overrides for Bootstrap
 $primary: #5e35b1;
 
 // Cards
@@ -10,6 +10,15 @@ $list-group-border-width: 0;
 // nProgress
 $nprogress-color: lighten($navbar-inverse-bg, 25%);
 
+// Color names for theme generation
+$colorNames: (
+  "primary", 
+  "danger",
+  "warning",
+  "info",
+  "success"
+);
+
 :root {
   --background: #f0edf4;
   --card-bg: #ffffff;
diff --git a/app/assets/stylesheets/overrides/_buttons.scss b/app/assets/stylesheets/overrides/_buttons.scss
index 222b4112..9ee4ab69 100644
--- a/app/assets/stylesheets/overrides/_buttons.scss
+++ b/app/assets/stylesheets/overrides/_buttons.scss
@@ -1,12 +1,4 @@
-$colors: (
-  "primary", 
-  "danger",
-  "warning",
-  "info",
-  "success"
-);
-
-@each $color in $colors {
+@each $color in $colorNames {
   .btn-#{$color} {
     background-color: var(--#{$color});
     border-color: var(--#{$color});
diff --git a/app/assets/stylesheets/overrides/_colors.scss b/app/assets/stylesheets/overrides/_colors.scss
index 2b25c91e..e8491aa5 100644
--- a/app/assets/stylesheets/overrides/_colors.scss
+++ b/app/assets/stylesheets/overrides/_colors.scss
@@ -1,12 +1,4 @@
-$colors: (
-  "primary", 
-  "danger",
-  "warning",
-  "info",
-  "success"
-);
-
-@each $color in $colors {
+@each $color in $colorNames {
   .bg-#{$color} {
     background-color: var(--#{$color}) !important;
   }