SZUT/EMS
5
0
Fork 0
Code Issues 1 Pull requests Projects 1 Activity Actions

Fix: Add Warn/Error/Abort Theming
All checks were successful
Quality Check / Linting (push) Successful in 23s
Details
Quality Check / Linting (pull_request) Successful in 22s
Details

Browse source
This commit is contained in:
Dominik Säume 2025-01-09 03:46:35 +01:00
parent bbe7e29ad1
commit 46a7d9b0cb
2 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/app.config.ts
View file

@ -1,5 +1,6 @@
import {provideHttpClient} from '@angular/common/http';
import {ApplicationConfig, provideZoneChangeDetection} from '@angular/core';
import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
import {provideAnimationsAsync} from '@angular/platform-browser/animations/async';
import {provideRouter} from '@angular/router';
import {routes} from '@app/app.routes';
@ -26,6 +27,7 @@ export const appConfig: ApplicationConfig = {
useRefreshToken: true,
logLevel: LogLevel.Error,
},
})
}),
{ provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { appearance: 'outline' } }
],
};

14
src/styles.scss
View file

@ -27,3 +27,17 @@ app-root {
flex-direction: column;
align-items: center;
}
button {
&.abort, &.error, &.warn {
@include mat.button-overrides((
text-label-text-color: var(--mat-sys-error),
text-ripple-color: var(--mat-sys-error),
text-state-layer-color: var(--mat-sys-error),
filled-label-text-color: var(--mat-sys-on-error),
filled-container-color: var(--mat-sys-error),
filled-ripple-color: var(--mat-sys-on-error),
filled-state-layer-color: var(--mat-sys-on-error),
));
}
}