You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.7 KiB
SCSS
49 lines
1.7 KiB
SCSS
@import '~@angular/material/theming';
|
|
@include mat-core();
|
|
@import 'change-theme';
|
|
|
|
.rtl-container{
|
|
&.purple-white-light-theme {
|
|
@debug "PURPLE LIGHT THEME";
|
|
@import "../skins/light-purple";
|
|
@include angular-material-theme($purple-white-light-theme);
|
|
@include change-theme($purple-white-light-theme, $alternate-purple-white-light-theme);
|
|
}
|
|
&.purple-white-dark-theme {
|
|
@debug "PURPLE DARK THEME";
|
|
@import "../skins/dark-purple";
|
|
@include angular-material-theme($purple-white-dark-small-theme);
|
|
@include change-theme($purple-white-dark-small-theme, $alternate-purple-white-dark-theme);
|
|
}
|
|
&.light-blue{
|
|
@import "../skins/light-blue";
|
|
@include angular-material-theme($blue-light-theme);
|
|
@include change-theme($blue-light-theme, $alternate-blue-light-theme);
|
|
}
|
|
&.light-teal{
|
|
@import "../skins/light-teal";
|
|
@include angular-material-theme($teal-light-theme);
|
|
@include change-theme($teal-light-theme, $alternate-teal-light-theme);
|
|
}
|
|
&.light-blue-gray{
|
|
@import "../skins/light-bluegray";
|
|
@include angular-material-theme($blue-gray-light-theme);
|
|
@include change-theme($blue-gray-light-theme, $alternate-blue-gray-light-theme);
|
|
}
|
|
&.dark-blue{
|
|
@import "../skins/dark-blue";
|
|
@include angular-material-theme($blue-dark-theme);
|
|
@include change-theme($blue-dark-theme, $alternate-blue-dark-theme);
|
|
}
|
|
&.dark-green{
|
|
@import "../skins/dark-green";
|
|
@include angular-material-theme($green-dark-theme);
|
|
@include change-theme($green-dark-theme, $alternate-green-dark-theme);
|
|
}
|
|
&.dark-pink{
|
|
@import "../skins/dark-pink";
|
|
@include angular-material-theme($pink-dark-theme);
|
|
@include change-theme($pink-dark-theme, $alternate-pink-dark-theme);
|
|
}
|
|
}
|