diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index 45acd353f..8fdf9dfeb 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -83,10 +83,11 @@ progress::-moz-progress-bar {
 progress::-webkit-progress-value {
     border-radius: .4em;
 }
+
 .fab,
 .raised {
     background: rgba(0, 0, 0, .5);
-    color: rgba(255, 255, 255, .87)
+    color: rgba(255, 255, 255, .87);
 }
 
 .submit,
@@ -95,14 +96,15 @@ progress::-webkit-progress-value {
 .btnRefresh,
 .button-submit,
 .viewTabButton,
-.button-cancel,
 .button-alt,
 .btnOption,
 .block {
     background: #48C3C8;
-    color: rgba(255, 255, 255, .87)
+    color: rgb(0, 0, 0)
 }
 
+.fab:hover,
+.raised:hover,
 .alphaPickerButton:hover,
 .submit:hover,
 .btnBrowse:hover,
@@ -110,7 +112,6 @@ progress::-webkit-progress-value {
 .btnRefresh:hover,
 .button-submit:hover,
 .viewTabButton:hover,
-.button-cancel:hover,
 .button-alt:hover,
 .btnOption:hover,
 .block:hover {
@@ -118,11 +119,21 @@ progress::-webkit-progress-value {
     color: rgba(255, 255, 255, .87)
 }
 
+.button-cancel {
+    background: #D8E6FF;
+    color: rgb(0, 0, 0)
+}
+
+.button-cancel:hover{
+    background: #0ce8d6;
+    color: rgba(255, 255, 255, .87)
+}
+
 #btnRestart,
 #btnDeleteImage,
 #btnShutdown {
     background: #48C3C8;
-    color: rgba(255, 255, 255, .87)
+    color: rgb(0, 0, 0)
 }
 
 #btnRestart:hover,
@@ -142,7 +153,7 @@ progress::-webkit-progress-value {
 .paperListLabel,
 .textareaLabelUnfocused {
     color: #bbb;
-    color: rgba(255, 255, 255, .7)
+    color: rgba(255, 255, 255, 0.7)
 }
 
 .inputLabelFocused,