diff --git a/src/styles.scss b/src/styles.scss
index 96bfabeb94549f59e9dc49ef11ffa35beaf0b0a3..350780ad95c932f7db0a4516421df772b0dd1f3f 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -58,3 +58,7 @@
 .placeholder {
   color: var(--on-surface);
 }
+
+
+
+
diff --git a/src/theme/purple-theme/purpleTheme.const.ts b/src/theme/purple-theme/purpleTheme.const.ts
index f30a30e27bcba878976e4b3cbbbf15ccb1e7e9c1..f671a073e5ec2f91a74683bb2755bfd0ae17673d 100644
--- a/src/theme/purple-theme/purpleTheme.const.ts
+++ b/src/theme/purple-theme/purpleTheme.const.ts
@@ -6,9 +6,9 @@ export const purple = {
   '--secondary': 'black',
   '--secondary-variant': 'green',
 
-  '--background': 'DarkKhaki',
+  '--background': 'beige',
   '--surface': 'white',
-  '--dialog': 'Moccasin',
+  '--dialog': 'white',
 
   '--on-primary': 'white',
   '--on-secondary': 'white',
@@ -16,14 +16,14 @@ export const purple = {
   '--on-surface': 'black',
   '--on-cancel': 'white',
 
-  '--green': 'Maroon',
-  '--red': 'Maroon',
-  '--yellow': 'Maroon',
-  '--blue': 'Maroon',
-  '--purple': 'Maroon',
-  '--light-green': 'Maroon',
+  '--green': 'green',
+  '--red': 'red',
+  '--yellow': 'yellow',
+  '--blue': 'blue',
+  '--purple': 'purple',
+  '--light-green': 'light-green',
   '--grey': 'grey',
-  '--grey-light': 'lightgrey',
+  '--grey-light': 'light-grey',
   '--black': 'black'
 };