Add border around surah num (RTL-focused)

src/css/_base.scss

@@ -1,4 +1,4 @@
-$black: #454545;
+@import "base/colors";
 $max-width: 768px;
 
 html[lang="en"], .ltr {

src/css/base/_colors.scss

@@ -0,0 +1,2 @@
+$black: #454545;
+$white: #FFF;

src/css/main/SurahIndex.scss

@@ -64,6 +64,12 @@ body .root .content.theme.rtl {
   font-size: larger;
 
   ul.body.index {
+    li a {
+      span:first-child {
+        border: 1px solid $black;
+      }
+    }
+
     li.surah {
       span.transliterated { display: none; }
     }

src/css/themes/blue/base/_colors.scss

@@ -1,4 +1,3 @@
 $primary-color: #569bd3;
 $secondary-color: #3383C3;
 $accent-color: lighten($primary-color, 38%);
-$white: #FFF;

src/css/themes/green/base/_colors.scss

@@ -1,4 +1,3 @@
 $primary-color: #6d765b;
 $secondary-color: #6C755A;
 $accent-color: #FFF;
-$white: $accent-color;

src/css/themes/green/main/_SurahIndex.scss

@@ -6,11 +6,6 @@
     &:active, &:link, &:visited {
       color: $primary-color;
     }
-
-    @media (hover: hover) {
-      &:hover {
-      }
-    }
   }
 
   footer {