3 files changed, 8 insertions, 18 deletions
diff --git a/src/assets/styles/bmc/helpers/_colors.scss b/src/assets/styles/bmc/helpers/_colors.scss
index 6e090fbc..f300d5c3 100644
--- a/src/assets/styles/bmc/helpers/_colors.scss
+++ b/src/assets/styles/bmc/helpers/_colors.scss
@@ -2,16 +2,9 @@
 $black: #000;
 $white: #fff;
 
-$blue-100: #eff2fb;
 $blue-500: #2d60e5;
-
-$green-100: #ecfdf1;
 $green-500: #0a7d06;
-
-$red-100: #feeeed;
 $red-500: #da1416;
-
-$yellow-100: #fff8e4;
 $yellow-500: #efc100;
 
 $gray-100: #f4f4f4;
@@ -39,13 +32,4 @@ $light: $gray-100;
 $primary: $blue;
 $secondary: $gray-800;
 $success: $green;
-$warning: $yellow;
-
-// Sass Color Variable Accents
-// Used for component styles and are
-// not available as variants
-$danger-light: $red-100;
-$info-light: $blue-100;
-$warning-light: $yellow-100;
-$success-light: $green-100;
-
+$warning: $yellow;
+\ No newline at end of file
diff --git a/src/assets/styles/bmc/helpers/_functions.scss b/src/assets/styles/bmc/helpers/_functions.scss
new file mode 100644
index 00000000..456caf36
--- /dev/null
+++ b/src/assets/styles/bmc/helpers/_functions.scss
@@ -0,0 +1,5 @@
+// This function is usually used to get a lighter
+// theme variant color to use as a background color
+@function theme-color-light($variant) {
+  @return theme-color-level($variant, -11.3);
+}
+\ No newline at end of file
diff --git a/src/assets/styles/bmc/helpers/_index.scss b/src/assets/styles/bmc/helpers/_index.scss
index e4abf9c5..ce0631a7 100644
--- a/src/assets/styles/bmc/helpers/_index.scss
+++ b/src/assets/styles/bmc/helpers/_index.scss
@@ -1,3 +1,4 @@
 @import "./colors";
 @import "./motion";
-@import "./variables";
-\ No newline at end of file
+@import "./variables";
+@import "./functions";
+\ No newline at end of file