From 2496f2c309dd7d8778c183bb47982cddc5e3031c Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Mon, 30 Oct 2023 05:46:24 -0300
Subject: [PATCH] Increase overall font-size for Arabic pages

---
 src/css/_layout.scss                        |  7 ++++++
 src/css/pages/SurahIndex.scss               | 27 +++++++++++++--------
 src/css/themes/blue/_colors.scss            |  3 ++-
 src/css/themes/blue/pages/_SurahStream.scss |  8 +++++-
 4 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/src/css/_layout.scss b/src/css/_layout.scss
index 375746f..4110ca4 100644
--- a/src/css/_layout.scss
+++ b/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;
+        }
+      }
     }
   }
 
diff --git a/src/css/pages/SurahIndex.scss b/src/css/pages/SurahIndex.scss
index b864a4c..b1589e9 100644
--- a/src/css/pages/SurahIndex.scss
+++ b/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 {
-      div:first-child .id {
-        font-family: "Kanit Regular";
-        font-size: large;
-        width: 55px;
+    li.surah {
+      min-height: 65px;
+      a {
+        div:first-child {
+          .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; }
     }
   }
 
diff --git a/src/css/themes/blue/_colors.scss b/src/css/themes/blue/_colors.scss
index e0f60ba..4b4ca64 100644
--- a/src/css/themes/blue/_colors.scss
+++ b/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;
diff --git a/src/css/themes/blue/pages/_SurahStream.scss b/src/css/themes/blue/pages/_SurahStream.scss
index 44a2174..77f830f 100644
--- a/src/css/themes/blue/pages/_SurahStream.scss
+++ b/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 { }
     }