inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Michal Kinas
2025-12-08 15:52:21 +01:00
committed by GitHub
parent 58591c67dc
commit 9717a88818
26 changed files with 36 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
+1 -1
View File
@@ -76,7 +76,7 @@
}
.adf-textitem-default-value {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
}
.adf-property-value-not-editable {
lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.scss
+1 -1
View File
@@ -64,7 +64,7 @@
padding: 2px 12px;
#{ms.$mat-evolution-chip-text-label} {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
}
}
}
lib/core/src/lib/info-drawer/info-drawer-layout.component.scss
+2 -2
View File
@@ -51,7 +51,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
letter-spacing: 0.15px;
text-align: left;
align-items: center;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
overflow: hidden;
& > div {
@@ -80,7 +80,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
.adf-manage-versions-no-permission {
margin: 0;
padding: $adf-info-drawer-icon-size-half;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
text-align: center;
display: flex;
flex-direction: column;
lib/core/src/lib/layout/components/sidebar-action/sidebar-action-menu.component.scss
+1 -2
View File
@@ -11,7 +11,6 @@
background-color: var(--theme-primary-color);
color: var(--theme-primary-color-default-contrast);
border-radius: 4px;
}
&-text {
@@ -23,7 +22,7 @@
&-sidebar-action-menu-icon {
margin: 18px 0 0 20px;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
cursor: pointer;
&:hover {
lib/core/src/lib/styles/_globals.scss
+5 -5
View File
@@ -17,19 +17,19 @@
color: var(--adf-theme-foreground-text-color-087);
&:disabled {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
}
}
}
#{ms.$mat-calendar-content} {
#{ms.$mat-calendar-table-header} th {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
}
#{ms.$mat-calendar-body-disabled} > div {
/* stylelint-disable-next-line declaration-no-important */
color: var(--adf-theme-foreground-text-color-054) !important;
color: var(--adf-theme-foreground-text-color-064) !important;
}
}
}
@@ -51,11 +51,11 @@
#{ms.$mat-datetimepicker-calendar-content} {
#{ms.$mat-datetimepicker-calendar-table-header} th {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
}
#{ms.$mat-datetimepicker-calendar-body-disabled} > div {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
}
}
}
lib/core/src/lib/templates/empty-content/empty-content.component.scss
+1 -1
View File
@@ -1,5 +1,5 @@
.adf-empty-content {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
display: flex;
flex-direction: column;
align-items: center;
lib/core/src/lib/templates/error-content/error-content.component.scss
+1 -1
View File
@@ -1,7 +1,7 @@
@use '../../styles/flex' as flex;
.adf-error-content {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
display: flex;
flex-direction: column;
align-items: center;
lib/core/src/lib/toolbar/toolbar.component.scss
+1 -1
View File
@@ -11,7 +11,7 @@
.adf-toolbar-container.adf-toolbar-container-row {
border: 1px solid var(--adf-theme-foreground-text-color-007);
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
height: 64px;
font-size: var(--theme-body-1-font-size);
white-space: normal;
lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss
+4 -2
View File
@@ -59,7 +59,7 @@
justify-content: flex-end;
align-items: flex-end;
display: flex;
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
}
}
@@ -103,7 +103,9 @@
background-color: var(--adf-theme-background-card-color);
border-width: 0;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 20.4), 0 0 2px 0 rgba(0, 0, 0, 0.12);
box-shadow:
0 2px 2px 0 rgba(0, 0, 0, 20.4),
0 0 2px 0 rgba(0, 0, 0, 0.12);
}
&-page-selector {
lib/core/src/lib/viewer/components/viewer.component.scss
+1 -1
View File
@@ -13,7 +13,7 @@
height: 100%;
#{ms.$mat-toolbar} {
color: var(--adf-theme-foreground-text-color-054);
color: var(--adf-theme-foreground-text-color-064);
.adf-toolbar-title {
width: auto;