diff --git a/app/javascript/styles/classic/variables.scss b/app/javascript/styles/classic/variables.scss
index b458bb4d0b8a82..6b4080e72cd6f8 100644
--- a/app/javascript/styles/classic/variables.scss
+++ b/app/javascript/styles/classic/variables.scss
@@ -1,5 +1,11 @@
 // Dependent colors
 $black: #000000;
+$blurple-600: #2075b1;
+$blurple-500: #2b90d9;
+$blurple-400: #56a7e1;
+$blurple-300: #82bee9;
+$grey-600: hsl(208deg, 8%, 33%);
+$grey-100: hsl(208deg, 51%, 90%);
 
 $classic-base-color: #282c37;
 $classic-primary-color: #9baec8;
@@ -15,7 +21,7 @@ $darker-text-color: lighten($ui-primary-color, 20%) !default;
 $dark-text-color: lighten($ui-primary-color, 12%) !default;
 $secondary-text-color: lighten($ui-secondary-color, 6%) !default;
 $highlight-text-color: lighten($ui-highlight-color, 10%) !default;
-$action-button-color: lighten($ui-base-color, 50%);
+$action-button-color: lighten($ui-base-color, 50%) !default;
 
 $inverted-text-color: $black !default;
 $lighter-text-color: darken($ui-base-color, 6%) !default;