[ACS-10226] Improve color contrast for better accessibility (#4931)

This commit is contained in:
Michal Kinas
2025-12-11 13:11:49 +01:00
committed by GitHub
parent 124c1f5b75
commit ae3db8ff3f
5 changed files with 11 additions and 4 deletions
@@ -1,6 +1,13 @@
@use '../styles/mat-selectors' as ms; @use '../styles/mat-selectors' as ms;
@use '@angular/material' as mat;
.aca-manage-rules { .aca-manage-rules {
@include mat.button-overrides(
(
outlined-outline-color: var(--adf-theme-foreground-text-color-064)
)
);
#{ms.$mat-slide-toggle}:is(mat-slide-toggle) #{ms.$mat-switch}:enabled #{ms.$mat-switch-track}::after { #{ms.$mat-slide-toggle}:is(mat-slide-toggle) #{ms.$mat-switch}:enabled #{ms.$mat-switch-track}::after {
background: var(--mdc-switch-selected-track-color); background: var(--mdc-switch-selected-track-color);
} }
@@ -57,7 +57,7 @@ app-view-profile {
width: 100%; width: 100%;
.app-general-edit { .app-general-edit {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-color-064);
} }
.app-general-cancel-btn { .app-general-cancel-btn {
@@ -5,7 +5,7 @@
/* custom ADF About Component Theme */ /* custom ADF About Component Theme */
#{ms.$mat-data-table-header-cell} { #{ms.$mat-data-table-header-cell} {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-color-064);
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
} }
+1 -1
View File
@@ -21,7 +21,7 @@
} }
mat-toolbar { mat-toolbar {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-color-064);
} }
.adf-name-location-cell-location.adf-datatable-cell-value { .adf-name-location-cell-location.adf-datatable-cell-value {
@@ -1,7 +1,7 @@
aca-toolbar { aca-toolbar {
.aca-toolbar { .aca-toolbar {
min-height: 48px; min-height: 48px;
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-color-064);
background-color: inherit; background-color: inherit;
border: none; border: none;
padding: 0; padding: 0;