.root .content.theme.moon { $gold: darken(#ECB200, 5%); $white: #FFF; .header .image { background-image: url("/images/moon.svg"); background-size: cover; } .row.dropdown-row .react-select { color: $gold; } .row.details { color: $gold; } ul.stream { li.ayah { span.surah-id.ayah-id { color: $gold; } p { } } } .row .timer { color: $white; background: $gold; } .row .shape { background: $gold; } } .root .content.theme.moon.ar { direction: rtl; font-family: "Vazirmatn Regular"; }