Increase overall font-size for Arabic pages

src/css/_layout.scss

@@ -146,6 +146,13 @@ body .root .content.ar {
       .transliterated-name {
         display: none;
       }
+      .react-select.language {
+        .selected-option.ar {
+          font-size: x-large;
+          position: relative;
+          bottom: 3px;
+        }
+      }
     }
   }
 

src/css/pages/SurahIndex.scss

@@ -34,7 +34,8 @@ body .root .content.theme {
           width: 32px;
           height: 32px;
           text-align: center;
-          font-weight: bold;
+          font-weight: bolder;
+          font-size: large;
         }
 
         span.name {
@@ -82,16 +83,22 @@ body .root .content.theme.ar {
   font-size: larger;
 
   ul.body.index {
-    li.surah a {
+    li.surah {
-      div:first-child .id {
+      min-height: 65px;
-        font-family: "Kanit Regular";
+      a {
-        font-size: large;
+        div:first-child {
-        width: 55px;
+          .id {
+            font-size: x-large;
+            font-family: "Kanit Regular";
+            width: 55px;
+            height: 52px;
+          }
+          .name {
+            font-size: xx-large;
+          }
+        }
+        .transliterated { display: none; }
       }
-      div:first-child .name {
-        font-size: larger;
-      }
-      .transliterated { display: none; }
     }
   }
 

src/css/themes/blue/_colors.scss

@@ -1,3 +1,4 @@
-$gold1: lighten(#ECB200, 10%);
+$gold1: lighten(#ECB200, 20%);
+$gold2: lighten(#ECB200, 10%);
 $blue1: darken(#e4eff8, 35%);
 $white: #FFF;

src/css/themes/blue/pages/_SurahStream.scss

@@ -1,10 +1,16 @@
 .root .content.theme.blue {
   @import "themes/blue/colors";
 
+  header {
+    div {
+      .localized-name, .transliterated-name { color: $gold2; }
+    }
+  }
+
   ul.body.stream {
     li.ayah {
       span.title span {
-        color: $gold1;
+        color: $gold2;
       }
       p { }
     }