[hotfix] Improve toggle button layout
@@ -174,6 +174,19 @@ $accent: map-get($custom-theme-light, accent);
background: #121212;
}
+ .mat-button-toggle-checked {
+ background: var(--color-accent);
+ color: var(--color-bg-0);
+ }
+
+ .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
+ color: var(--color-bg-0);
+ }
+
+ .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
+ line-height: 30px;
+ }
+
.mat-toolbar.mat-primary {
color: #121212;
}
@@ -219,6 +232,19 @@ $accent: map-get($custom-theme-light, accent);
background: #FFFFFF;
}
+ .mat-button-toggle-checked {
+ background: var(--color-accent);
+ color: var(--color-bg-0);
+ }
+
+ .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
+ color: var(--color-bg-0);
+ }
+
+ .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
+ line-height: 30px;
+ }
+
--color-primary: #{mat-color($primary)};
--color-accent: #{mat-color($accent)};
