diff --git a/src/css/themes/blue/_colors.scss b/src/css/themes/blue/_colors.scss
index 4686dd296..246db18fc 100644
--- a/src/css/themes/blue/_colors.scss
+++ b/src/css/themes/blue/_colors.scss
@@ -1,4 +1,4 @@
 $primary-color: #569bd3;
-$primary-dark-color: #3383C3;
+$secondary-color: #3383C3;
 $accent-color: lighten($primary-color, 38%);
 $white: #FFF;
diff --git a/src/css/themes/blue/_layout.scss b/src/css/themes/blue/_layout.scss
index 176c7e1db..8acc8fbf4 100644
--- a/src/css/themes/blue/_layout.scss
+++ b/src/css/themes/blue/_layout.scss
@@ -5,13 +5,13 @@
   header {
     h1 , h1 a { color: $primary-color; }
     nav .react-select {
-      color: $primary-dark-color;
+      color: $secondary-color;
     }
     nav .react-select.language {
       ul li {
         background: $primary-color;
         color: $white;
-        border: 3px solid lighten($primary-dark-color, 5%);
+        border: 3px solid $secondary-color;
       }
     }
   }
diff --git a/src/css/themes/blue/components/_Icon.scss b/src/css/themes/blue/components/_Icon.scss
index 7005b5fb7..ffb0326f4 100644
--- a/src/css/themes/blue/components/_Icon.scss
+++ b/src/css/themes/blue/components/_Icon.scss
@@ -4,14 +4,14 @@
   ul.body.stream li, footer {
     .play.icon {
       fill: $primary-color;
-      stroke: $primary-dark-color;
+      stroke: $secondary-color;
       stroke-width: 2px;
     }
 
     .pause.icon {
       rect {
         fill: $primary-color;
-        stroke: $primary-dark-color;
+        stroke: $secondary-color;
         stroke-width: 1px;
       }
     }
@@ -28,12 +28,12 @@
     }
     .right-arrow.icon {
       g {
-        fill: $primary-dark-color;
+        fill: $secondary-color;
       }
     }
   }
 
   .stalled.icon {
-    div { background: $primary-dark-color; }
+    div { background: $secondary-color; }
   }
 }
diff --git a/src/css/themes/blue/pages/_SurahIndex.scss b/src/css/themes/blue/pages/_SurahIndex.scss
index 776beec9c..40bd4274c 100644
--- a/src/css/themes/blue/pages/_SurahIndex.scss
+++ b/src/css/themes/blue/pages/_SurahIndex.scss
@@ -15,7 +15,7 @@
       }
 
       span.id {
-        color: $primary-dark-color;
+        color: $secondary-color;
       }
     }
   }
@@ -46,7 +46,7 @@
   @import "themes/blue/colors";
   header {
     div {
-      color: $primary-dark-color;
+      color: $secondary-color;
     }
   }
 }
@@ -56,7 +56,7 @@
   ul.body.index  {
     li.surah a {
       span.id {
-        color: $primary-dark-color;
+        color: $secondary-color;
       }
       span.name {
         color: $primary-color;
diff --git a/src/css/themes/blue/pages/_SurahStream.scss b/src/css/themes/blue/pages/_SurahStream.scss
index 9a18cdb76..9f05fa2a4 100644
--- a/src/css/themes/blue/pages/_SurahStream.scss
+++ b/src/css/themes/blue/pages/_SurahStream.scss
@@ -3,14 +3,14 @@
 
   header {
     div {
-      .localized-name, .transliterated-name { color: $primary-dark-color; }
+      .localized-name, .transliterated-name { color: $secondary-color; }
     }
   }
 
   ul.body.stream {
     li.ayah {
       span.title span {
-        color: $primary-dark-color;
+        color: $secondary-color;
       }
       p { }
     }