diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 0f7b4c7e..5ac737f4 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -41,6 +41,24 @@ $beige-lighter: #eff0eb;
 
 // interpretations in app
 
+$primary_color: $ugly-purple;
+$primary: $ugly-purple;
+$secondary_color: $lavender-pink;
+$font_color: $black;
+$logo_color: $dark-lavender;
+$logo_color_2: $green;
+$legend_color: $dark-lavender;
+$legend_color_2: $dusty-orange;
+$choice_select_border_color: $cool-grey;
+$hover-color: $warm-grey;
+$grey-dark: $warm-grey;
+$grey-light: $beige-light;
+$clicked-color: $wisteria;
+$mini-button-color: $pale-purple;
+$warning: $dusty-orange;
+$danger: $red;
+$success: $green;
+
 @if $theme-vars == 'violet' {
 	$primary_color: $ugly-purple;
 	$primary: $ugly-purple;
diff --git a/yarn.lock b/yarn.lock
index 24afad82..20e8314f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3750,6 +3750,11 @@ crypto-random-string@^2.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
+crypto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/crypto/-/crypto-1.0.1.tgz#2af1b7cad8175d24c8a1b0778255794a21803037"
+  integrity sha512-VxBKmeNcqQdiUQUW2Tzq0t377b54N2bMtXO/qiLa+6eRRmmC4qT3D4OnTGoT/U6O9aklQ/jTwbOtRMTTY8G0Ig==
+
 css-color-names@0.0.4, css-color-names@^0.0.4:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"