@use '@angular/material' as mat;
@use 'theme-mode-dark';
@use 'theme-mode-light';
@use 'theme-color';
@use '../skins/purple' as *;
@use '../skins/blue' as *;
@use '../skins/indigo' as *;
@use '../skins/green' as *;
@use '../skins/teal' as *;
@use '../skins/pink' as *;
@use '../skins/yellow' as *;

// Default Theme Light & Purple
@include mat.all-component-themes($purple-day-theme);

.rtl-container{
  @include mat.core();
  &.purple {
    &.day {
      @include theme-mode-light.theme-mode-light($purple-day-theme);
      @include theme-color.theme-color($purple-day-theme);
    }
    &.night {
      @include mat.all-component-colors($purple-night-theme);
      @include theme-mode-dark.theme-mode-dark($purple-night-theme);
      @include theme-color.theme-color($purple-night-theme);
    }
  }
  &.blue{
    &.day {
      @include mat.all-component-colors($blue-day-theme);
      @include theme-mode-light.theme-mode-light($blue-day-theme);
      @include theme-color.theme-color($blue-day-theme);
    }
    &.night {
      @include mat.all-component-colors($blue-night-theme);
      @include theme-mode-dark.theme-mode-dark($blue-night-theme);
      @include theme-color.theme-color($blue-night-theme);
    }
  }
  &.indigo{
    &.day {
      @include mat.all-component-colors($indigo-day-theme);
      @include theme-mode-light.theme-mode-light($indigo-day-theme);
      @include theme-color.theme-color($indigo-day-theme);
    }
    &.night {
      @include mat.all-component-colors($indigo-night-theme);
      @include theme-mode-dark.theme-mode-dark($indigo-night-theme);
      @include theme-color.theme-color($indigo-night-theme);
    }
  }
  &.green{
    &.day {
      @include mat.all-component-colors($green-day-theme);
      @include theme-mode-light.theme-mode-light($green-day-theme);
      @include theme-color.theme-color($green-day-theme);
    }
    &.night {
      @include mat.all-component-colors($green-night-theme);
      @include theme-mode-dark.theme-mode-dark($green-night-theme);
      @include theme-color.theme-color($green-night-theme);
    }
  }
  &.teal{
    &.day {
      @include mat.all-component-colors($teal-day-theme);
      @include theme-mode-light.theme-mode-light($teal-day-theme);
      @include theme-color.theme-color($teal-day-theme);
    }
    &.night {
      @include mat.all-component-colors($teal-night-theme);
      @include theme-mode-dark.theme-mode-dark($teal-night-theme);
      @include theme-color.theme-color($teal-night-theme);
    }
  }
  &.pink{
    &.day {
      @include mat.all-component-colors($pink-day-theme);
      @include theme-mode-light.theme-mode-light($pink-day-theme);
      @include theme-color.theme-color($pink-day-theme);
    }
    &.night {
      @include mat.all-component-colors($pink-night-theme);
      @include theme-mode-dark.theme-mode-dark($pink-night-theme);
      @include theme-color.theme-color($pink-night-theme);
    }
  }
  &.yellow{
    &.day {
      @include mat.all-component-colors($yellow-day-theme);
      @include theme-mode-light.theme-mode-light($yellow-day-theme);
      @include theme-color.theme-color($yellow-day-theme);
    }
    &.night {
      @include mat.all-component-colors($yellow-night-theme);
      @include theme-mode-dark.theme-mode-dark($yellow-night-theme);
      @include theme-color.theme-color($yellow-night-theme);
    }
  }
}
