From 4b14ec526dcc4d0104e3ea261ba1969c4cfbd966 Mon Sep 17 00:00:00 2001
From: Keegan George <kgeorge13@gmail.com>
Date: Tue, 29 Jun 2021 14:44:37 -0700
Subject: [PATCH] FIX: Use SCSS variables for color manipulation functions

---
 assets/stylesheets/common/wizard-admin.scss     | 4 ++--
 assets/stylesheets/common/wizard-variables.scss | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/assets/stylesheets/common/wizard-admin.scss b/assets/stylesheets/common/wizard-admin.scss
index e1d919b1..5ad5e14a 100644
--- a/assets/stylesheets/common/wizard-admin.scss
+++ b/assets/stylesheets/common/wizard-admin.scss
@@ -723,11 +723,11 @@
 
   &:hover,
   &:focus {
-    background: darken(var(--pavilion-primary), 5%);
+    background: darken($pavilionPrimary, 5%);
 
     &[href],
     svg.d-icon {
-      color: darken(var(--pavilion-secondary), 10%);
+      color: darken($pavilionSecondary, 10%);
     }
   }
 }
diff --git a/assets/stylesheets/common/wizard-variables.scss b/assets/stylesheets/common/wizard-variables.scss
index 8b4d9db7..68f02b6b 100644
--- a/assets/stylesheets/common/wizard-variables.scss
+++ b/assets/stylesheets/common/wizard-variables.scss
@@ -1,4 +1,7 @@
+$pavilionPrimary: #3c1c8c;
+$pavilionSecondary: #ffffff;
+
 :root {
-  --pavilion-primary: rgb(60, 28, 140);
-  --pavilion-secondary: rgb(255, 255, 255);
+  --pavilion-primary: #3c1c8c;
+  --pavilion-secondary: #ffffff;
 }