From 659090bf81501e5d0f7aab195e87f2ff101c04ee Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Mon, 8 Mar 2021 12:41:11 -0800
Subject: [PATCH] Bring the ordinal color sequence from chart-colors to the new
 color-scales construct

This also required re-ordering the SCSS imports since this depends on
colors introduced by bulma.
---
 ui/app/styles/core.scss                   | 3 ++-
 ui/app/styles/utils/structure-colors.scss | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/app/styles/core.scss b/ui/app/styles/core.scss
index db9fdb95d..786e83e1c 100644
--- a/ui/app/styles/core.scss
+++ b/ui/app/styles/core.scss
@@ -2,7 +2,6 @@
 @import './utils/reset.scss';
 @import './utils/z-indices';
 @import './utils/product-colors';
-@import './utils/structure-colors';
 @import './utils/bumper';
 @import './utils/layout';
 
@@ -15,6 +14,8 @@
 // Bring in the rest of Bulma
 @import 'bulma/bulma';
 
+@import './utils/structure-colors';
+
 // Override Bulma details where appropriate
 @import './core/buttons';
 @import './core/breadcrumb';
diff --git a/ui/app/styles/utils/structure-colors.scss b/ui/app/styles/utils/structure-colors.scss
index a4b148e64..b62158fa7 100644
--- a/ui/app/styles/utils/structure-colors.scss
+++ b/ui/app/styles/utils/structure-colors.scss
@@ -35,7 +35,9 @@ $green-500: #2eb039;
 // Chart Color Scales
 $chart-reds: $red-500, $red-400, $red-300, $red-200;
 $chart-blues: $blue-500, $blue-400, $blue-300, $blue-200;
+$chart-ordinal: $orange, $yellow, $green, $turquoise, $blue, $purple, $red;
 $chart-scales: (
   'reds': $chart-reds,
   'blues': $chart-blues,
+  'ordinal': $chart-ordinal,
 );