Add hover effect on SurahIndex.tsx

src/css/pages/SurahIndex.scss

@@ -16,6 +16,7 @@ body .root .content.theme {
   ul.body.index {
     li.surah a {
       display: flex;
+      align-items: center;
       justify-content: space-between;
       min-height: 45px;
 

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

@@ -7,6 +7,10 @@
         color: $blue1;
       }
 
+      &:hover {
+        background: lighten($blue1, 38%);
+      }
+
       div:first-child {
         .id {
           color: $gold1;

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

@@ -5,6 +5,11 @@
     &:active, &:link, &:visited {
       color: $green1;
     }
+
+    &:hover {
+      background: $green1;
+      color: $white;
+    }
   }
 
   footer a {