mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
[ACS-10226] Improve color contrast for better accessibility (#11429)
This commit is contained in:
@@ -83,7 +83,7 @@ $dialog-list-height: calc(65vh - ($dialog-title-height + $dialog-information-hei
|
||||
.adf-aspect-property-table-column-title,
|
||||
.adf-aspect-property-table-column-data-type {
|
||||
font-size: 12px;
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
}
|
||||
|
||||
.adf-aspect-property-table-column {
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
font-size: var(--theme-body-1-font-size);
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.2px;
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
overflow: hidden;
|
||||
|
||||
&-container {
|
||||
@@ -75,7 +75,7 @@
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.2px;
|
||||
text-align: left;
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
flex: 0 1 auto;
|
||||
min-width: 35px;
|
||||
margin-top: auto;
|
||||
|
||||
@@ -10,7 +10,7 @@ $dropdown-horizontal-offset: 30px;
|
||||
font-size: var(--theme-body-1-font-size);
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.2px;
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
overflow: hidden;
|
||||
margin-top: 10px;
|
||||
|
||||
|
||||
+1
-1
@@ -17,7 +17,7 @@
|
||||
max-height: 100%;
|
||||
|
||||
button {
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
|
||||
&:hover {
|
||||
color: var(--adf-theme-foreground-text-color-087);
|
||||
|
||||
+1
-1
@@ -61,7 +61,7 @@ $panel-properties-height: 56px !default;
|
||||
}
|
||||
|
||||
.adf-edit-icon-buttons {
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
}
|
||||
|
||||
#{ms.$mat-chip} {
|
||||
|
||||
+1
-1
@@ -2,7 +2,7 @@
|
||||
display: grid;
|
||||
|
||||
&-location {
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
font-size: var(--theme-caption-font-size);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
}
|
||||
|
||||
&__public-content {
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
font-size: var(--theme-caption-font-size);
|
||||
}
|
||||
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
}
|
||||
|
||||
.adf-dialog-action-button:disabled > span {
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
}
|
||||
|
||||
@media screen and (width <= 380px) {
|
||||
|
||||
@@ -130,7 +130,7 @@
|
||||
font-size: var(--theme-headline-font-size);
|
||||
line-height: 1.33;
|
||||
letter-spacing: -1px;
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
}
|
||||
|
||||
&-drag-drop {
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
padding: 8px 8px 24px 8px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
button {
|
||||
|
||||
+1
-1
@@ -58,6 +58,6 @@
|
||||
}
|
||||
|
||||
.adf-facet-label {
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
}
|
||||
}
|
||||
|
||||
+1
-1
@@ -5,7 +5,7 @@
|
||||
.adf-search-filter-title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
align-items: center;
|
||||
padding: 16px 12px;
|
||||
height: 32px;
|
||||
|
||||
+1
-1
@@ -5,6 +5,6 @@
|
||||
}
|
||||
|
||||
.adf-search-check-list-label {
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
}
|
||||
}
|
||||
|
||||
+1
-1
@@ -1,5 +1,5 @@
|
||||
.adf-search-sorting-picker {
|
||||
.adf-sorting-picker-button {
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
/* stylelint-disable no-descending-specificity */
|
||||
.adf-upload-dialog {
|
||||
background: var(--adf-theme-background-dialog-color);
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
width: 40%;
|
||||
@@ -36,7 +36,7 @@
|
||||
width: 24px;
|
||||
padding: 0;
|
||||
line-height: 0;
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
color: var(--adf-theme-foreground-text-color-064);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user