Merge pull request 'Bugfix Theming' (#16) from bugfix/theming into trunk
All checks were successful
Quality Check / Linting (push) Successful in 21s

Reviewed-on: #16
This commit is contained in:
Dominik Säume 2025-01-09 09:36:59 +00:00 committed by Euph Forge
commit 34d635a6fd
Signed by: Euph Forge
GPG key ID: 85A06461FB6BDBB7
2 changed files with 17 additions and 1 deletions

View file

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

View file

@ -27,3 +27,17 @@ app-root {
flex-direction: column; flex-direction: column;
align-items: center; 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),
));
}
}