diff --git a/css/style.css b/css/style.css
index 061b699..5a86443 100644
--- a/css/style.css
+++ b/css/style.css
@@ -243,12 +243,12 @@ body.blue-mode {
   text-align: center;
   line-height: 3rem;
   padding: 0;
-  background: rgba(255, 255, 255, 0.8);
-  color: rgba(0, 0, 0, 0.6);
+  background: var(--textColor);
+  color: var(--bgColor);
   cursor: pointer;
 }
 .main button.change-color-button:hover {
-  background: white;
+  background: var(--boldColor);
 }
 .main dialog.change-color-dialog {
   position: fixed;
diff --git a/css/style.scss b/css/style.scss
index dd57a0d..3c9b7f9 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -270,12 +270,12 @@ body {
 		text-align: center;
 		line-height: 3rem;
 		padding: 0;
-		background: rgba(255, 255, 255, 0.8);
-		color: rgba(0, 0, 0, 0.6);
+		background: var(--textColor);
+		color: var(--bgColor);
 		cursor: pointer;
 
 		&:hover {
-			background: white;
+			background: var(--boldColor);
 		}
 	}