diff --git a/src/newsreader/scss/elements/button/_button.scss b/src/newsreader/scss/elements/button/_button.scss
index e357273..b2815aa 100644
--- a/src/newsreader/scss/elements/button/_button.scss
+++ b/src/newsreader/scss/elements/button/_button.scss
@@ -15,7 +15,7 @@
   }
 
   &--success, &--confirm {
-    color: $white !important;
+    color: var(--confirm-button-font-color) !important;
     background-color: var(--confirm-color);
   }
 
diff --git a/src/newsreader/scss/elements/button/_read-button.scss b/src/newsreader/scss/elements/button/_read-button.scss
index 91d94d1..41bd3cc 100644
--- a/src/newsreader/scss/elements/button/_read-button.scss
+++ b/src/newsreader/scss/elements/button/_read-button.scss
@@ -1,8 +1,7 @@
 .read-button {
   @extend .button;
 
-  color: var(--font-color);
-
+  color: var(--confirm-button-font-color);
   background-color: var(--confirm-color);
 
   & i {
diff --git a/src/newsreader/scss/partials/_colors.scss b/src/newsreader/scss/partials/_colors.scss
index 9bb8692..4683c54 100644
--- a/src/newsreader/scss/partials/_colors.scss
+++ b/src/newsreader/scss/partials/_colors.scss
@@ -30,6 +30,7 @@ $background-color: $white;
 $font-color: rgba(83, 87, 91, 1);
 $link-color: darken($azureish-white, 30%);
 $read-color: darken($gainsboro, 10%);
+$confirm-button-font-color: rgba(255, 255, 255, 1);
 
 $accent-color: $gainsboro;
 $lighter-accent-color: $gainsboro;
@@ -46,6 +47,7 @@ $dark-background-color: rgba(29, 45, 80, 1);
 $dark-font-color: darken($gray, 10%);
 $dark-link-color: $link-color;
 $dark-read-color: darken($dark-font-color, 20%);
+$dark-confirm-button-font-color: $dark-font-color;
 
 $dark-accent-color: rgba(19, 59, 92, 1);
 $dark-lighter-accent-color: rgba(30, 95, 116, 1);
diff --git a/src/newsreader/scss/partials/_root.scss b/src/newsreader/scss/partials/_root.scss
index 9aec74e..cc8cebf 100644
--- a/src/newsreader/scss/partials/_root.scss
+++ b/src/newsreader/scss/partials/_root.scss
@@ -4,6 +4,7 @@
   --font-color: #{$font-color};
   --link-color: #{$link-color};
   --read-color: #{$read-color};
+  --confirm-button-font-color: #{$confirm-button-font-color};
 
   --accent-color: #{$accent-color};
   --lighter-accent-color: #{$lighter-accent-color};
@@ -20,6 +21,7 @@
     --font-color: #{$dark-font-color};
     --link-color: #{$dark-link-color};
     --read-color: #{$dark-read-color};
+    --confirm-button-font-color: #{$dark-confirm-button-font-color};
 
     --accent-color: #{$dark-accent-color};
     --lighter-accent-color: #{$dark-lighter-accent-color};