From 26157100813deb2a4a5c78961e6c67f6332a2ac1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 19 Jul 2019 12:41:16 +0200
Subject: [PATCH] MOBILE-3021 styles: Make it easy to change ionic colors

---
 src/theme/variables.scss | 35 +++++++++++++++++++++++------------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 0062ebe09..9b5f9ae66 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -35,7 +35,6 @@ $core-color:      $orange;
 // --------------------------------------------------
 @import "bmma";
 
-
 $blue-light:      mix($blue, white, 20%) !default; // Background.
 $blue-dark:       darken($blue, 10%) !default;
 
@@ -76,19 +75,31 @@ $content-padding: 10px;
 // colors so you can add, rename and remove colors as needed.
 // The "primary" color is the only required color in the map.
 
+$primary: $core-color !default;
+$secondary: $turquoise !default;
+$danger: $red !default;
+$light: $gray-lighter !default;
+$color-gray: $gray-dark !default;
+$dark: $black !default;
+$warning: $yellow !default;
+$success: $green !default;
+$info: $blue !default;
+$inverted-base: $white !default;
+$inverted-contrast: $primary !default;
+
 $colors: (
-  primary:    $core-color,
-  secondary:  $turquoise,
-  danger:     $red,
-  light:      $gray-lighter,
-  gray:       $gray-dark,
-  dark:       $black,
-  warning:    $yellow,
-  success:    $green,
-  info:       $blue,
+  primary:    $primary,
+  secondary:  $secondary,
+  danger:     $danger,
+  light:      $light,
+  gray:       $color-gray,
+  dark:       $dark,
+  warning:    $warning,
+  success:    $success,
+  info:       $info,
   inverted: (
-    base: $white,
-    contrast: $core-color
+    base: $inverted-base,
+    contrast: $inverted-contrast
   )
 );