.root .content.theme.moon {
  $gold: darken(#ECB200, 5%);
  $white: #FFF;

  .header .image {
    background-image: url("/images/moon.svg");
    background-size: cover;
  }

  .row.theme-and-language .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";
}