inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-05-12 17:04:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-9225] serious a11y testing side bar elements must meet minimum color contrast ratio thresholds (#4425)

Browse Source 
* [ACS-9225] Fixed color contrast ratio for sidebar elements

* [ACS-9225] Fixed color contrast ratio for sidebar elements
This commit is contained in:
AleksanderSklorz 2025-03-03 11:09:10 +01:00 committed by GitHub
parent 553ecf8cea
commit 4e37f194ac
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
projects/aca-content/src/lib/components/sidenav/sidenav.component.scss
View File

@ -82,11 +82,20 @@
user-select: none; user-select: none;
.aca-action-button__label { .aca-action-button__label {
color: var(--theme-action-button-text-color); color: var(--theme-text-light-color);
} }
&:hover .aca-action-button__label { &:hover .aca-action-button__label {
color: var(--theme-sidenav-active-text-color); color: var(--theme-sidenav-hovered-text-color);
}
.aca-action-button--active {
color: var(--adf-sidenav-active-text-color);
background: var(--theme-selected-background-color);
.aca-action-button__label {
color: var(--adf-sidenav-active-text-color);
}
} }
} }
@ -114,11 +123,6 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
&--active {
color: var(--theme-sidenav-active-text-color);
background: var(--theme-selected-background-color);
}
} }
.aca-full-width { .aca-full-width {

2
projects/aca-content/src/lib/ui/theme.scss
View File

@ -301,7 +301,7 @@ mat-snack-bar-container {
} }
#{$mat-tab-label}:not(#{$mat-tab-disabled})#{$mat-tab-label-active} #{$mat-tab-label-text} { #{$mat-tab-label}:not(#{$mat-tab-disabled})#{$mat-tab-label-active} #{$mat-tab-label-text} {
color: var(--theme-sidenav-active-text-color); color: var(--theme-tab-active-text-color);
} }
adf-dynamic-component { adf-dynamic-component {

3
projects/aca-content/src/lib/ui/variables/variables.scss
View File

@ -59,8 +59,9 @@ $defaults: (
--theme-search-background-color: darken($background-color, 1), --theme-search-background-color: darken($background-color, 1),
--theme-text-color: mat.get-color-from-palette($foreground, text, 0.54), --theme-text-color: mat.get-color-from-palette($foreground, text, 0.54),
--theme-sidenav-text-color: mat.get-color-from-palette($foreground, text), --theme-sidenav-text-color: mat.get-color-from-palette($foreground, text),
--theme-sidenav-active-text-color: mat.get-color-from-palette($foreground, text), --theme-sidenav-hovered-text-color: mat.get-color-from-palette($foreground, text),
--theme-sidenav-user-menu-color: mat.get-color-from-palette($foreground, text), --theme-sidenav-user-menu-color: mat.get-color-from-palette($foreground, text),
--theme-tab-active-text-color: mat.get-color-from-palette($foreground, text),
--theme-text-bold-color: mat.get-color-from-palette($foreground, text, 0.87), --theme-text-bold-color: mat.get-color-from-palette($foreground, text, 0.87),
--theme-title-color: mat.get-color-from-palette($foreground, text, 0.87), --theme-title-color: mat.get-color-from-palette($foreground, text, 0.87),
--theme-text-disabled-color: mat.get-color-from-palette($foreground, text, 0.38), --theme-text-disabled-color: mat.get-color-from-palette($foreground, text, 0.38),