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 { } }