[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 '@angular/material' as mat;
.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 {
background: var(--mdc-switch-selected-track-color);
}
@@ -57,7 +57,7 @@ app-view-profile {
width: 100%;
.app-general-edit {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
}
.app-general-cancel-btn {
@@ -5,7 +5,7 @@
/* custom ADF About Component Theme */
#{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-weight: 500;
}
+1 -1
View File
@@ -21,7 +21,7 @@
}
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 {
@@ -1,7 +1,7 @@
aca-toolbar {
.aca-toolbar {
min-height: 48px;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
background-color: inherit;
border: none;
padding: 0;