[AAE-12872] custom css variables replaced with theme related variables (#8332)

* AAE-12872 replaced global variables related to foreground text

* AAE-12872 replaced global css variables related to foreground

* AAE-12872 replaced global css variables related to background,palette colors
This commit is contained in:
tomasz hanaj
2023-03-09 00:40:48 +01:00
committed by GitHub
parent 9863149a28
commit a39480bc48
83 changed files with 277 additions and 285 deletions

View File

@@ -127,7 +127,7 @@ export class AppLayoutComponent implements OnInit, OnDestroy {
this.color = color; this.color = color;
} else { } else {
this.color = undefined; this.color = undefined;
document.documentElement.style.setProperty('--adf-header-background-color', color); document.documentElement.style.setProperty('--theme-primary-color', color);
} }
}); });
@@ -138,7 +138,7 @@ export class AppLayoutComponent implements OnInit, OnDestroy {
this.headerService.headerTextColor this.headerService.headerTextColor
.pipe(takeUntil(this.onDestroy$)) .pipe(takeUntil(this.onDestroy$))
.subscribe(headerTextColor => { .subscribe(headerTextColor => {
document.documentElement.style.setProperty('--adf-header-text-color', headerTextColor); document.documentElement.style.setProperty('--theme-primary-color-default-contrast', headerTextColor);
}); });
this.headerService.logo this.headerService.logo

View File

@@ -10,7 +10,7 @@
padding-top: 3px; padding-top: 3px;
height: 400px; height: 400px;
overflow: auto; overflow: auto;
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
.adf-aspect-list-check-button { .adf-aspect-list-check-button {
margin-right: 5px; margin-right: 5px;

View File

@@ -5,7 +5,7 @@
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
font-weight: 600; font-weight: 600;
letter-spacing: -0.2px; letter-spacing: -0.2px;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
overflow: hidden; overflow: hidden;
&-container { &-container {
@@ -79,7 +79,7 @@
font-weight: 600; font-weight: 600;
letter-spacing: -0.2px; letter-spacing: -0.2px;
text-align: left; text-align: left;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
flex: 0 1 auto; flex: 0 1 auto;
min-width: 35px; min-width: 35px;
margin-top: auto; margin-top: auto;
@@ -87,11 +87,11 @@
&:hover, &:hover,
&.adf-active { &.adf-active {
color: var(--adf-breadcrumb-item-active-hover-color); color: var(--theme-foreground-text-color-064);
} }
&.adf-active { &.adf-active {
color: var(--adf-breadcrumb-item-active-color); color: var(--theme-foreground-text-color-087);
} }
&-chevron { &-chevron {

View File

@@ -8,7 +8,7 @@ $dropdown-horizontal-offset: 30px;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
font-weight: 600; font-weight: 600;
letter-spacing: -0.2px; letter-spacing: -0.2px;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
overflow: hidden; overflow: hidden;
margin-top: 10px; margin-top: 10px;

View File

@@ -10,13 +10,13 @@
&-footer.mat-card-footer { &-footer.mat-card-footer {
margin: 0; margin: 0;
padding: 8px 12px; padding: 8px 12px;
border-top: 1px solid var(--theme-border-color); border-top: 1px solid var(--theme-foreground-text-color-007);
button { button {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
&:hover { &:hover {
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
} }
} }

View File

@@ -2,7 +2,7 @@
&-metadata-properties { &-metadata-properties {
.mat-expansion-panel-header.mat-expanded:hover, .mat-expansion-panel-header.mat-expanded:hover,
.mat-expansion-panel-header.mat-expanded:focus { .mat-expansion-panel-header.mat-expanded:focus {
background: var(--theme-bg-hover-color); background: var(--theme-background-hover-color);
} }
mat-expansion-panel-header { mat-expansion-panel-header {

View File

@@ -10,7 +10,7 @@ h2.adf-search-results-label {
font-stretch: normal; font-stretch: normal;
line-height: 1.43; line-height: 1.43;
letter-spacing: -0.2px; letter-spacing: -0.2px;
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
.adf-toolbar .mat-toolbar { .adf-toolbar .mat-toolbar {
@@ -39,11 +39,11 @@ h2.adf-search-results-label {
width: 100%; width: 100%;
&-icon { &-icon {
color: var(--adf-node-selector-icon-color); color: var(--theme-foreground-icon-color-054);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: var(--theme-fg-base-color); color: var(--theme-foreground-base-color);
} }
} }
} }
@@ -74,10 +74,10 @@ h2.adf-search-results-label {
outline: none; outline: none;
.mat-icon { .mat-icon {
color: var(--adf-node-selector-base-color); color: var(--theme-foreground-base-color-045);
&:hover { &:hover {
color: var(--adf-node-selector-base-bold-color); color: var(--theme-foreground-base-color-065);
} }
} }
@@ -87,14 +87,14 @@ h2.adf-search-results-label {
} }
.adf-dropdown-breadcrumb-item-chevron { .adf-dropdown-breadcrumb-item-chevron {
color: var(--adf-node-selector-base-color); color: var(--theme-foreground-base-color-045);
} }
} }
&-list { &-list {
height: 40vh; height: 40vh;
overflow: auto; overflow: auto;
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
border-top: 0; border-top: 0;
position: relative; position: relative;

View File

@@ -60,7 +60,7 @@ adf-content-node-selector {
font-stretch: normal; font-stretch: normal;
line-height: 1.6; line-height: 1.6;
letter-spacing: -0.5px; letter-spacing: -0.5px;
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
h2 { h2 {
margin: unset; margin: unset;
@@ -94,7 +94,7 @@ adf-content-node-selector {
.adf-choose-action { .adf-choose-action {
&[disabled] { &[disabled] {
color: var(--theme-secondary-text-color); color: var(--theme-foreground-secondary-text-color);
} }
&:enabled { &:enabled {

View File

@@ -2,7 +2,7 @@
display: grid; display: grid;
&-location { &-location {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
font-size: var(--theme-caption-font-size); font-size: var(--theme-caption-font-size);
} }
} }

View File

@@ -18,7 +18,7 @@
font-style: normal; font-style: normal;
font-stretch: normal; font-stretch: normal;
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
&__label { &__label {
@@ -26,7 +26,7 @@
} }
&__info { &__info {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
font-size: var(--theme-caption-font-size); font-size: var(--theme-caption-font-size);
} }
@@ -39,7 +39,7 @@
} }
&__input { &__input {
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
} }

View File

@@ -18,7 +18,7 @@
} }
&-userinfo-pic { &-userinfo-pic {
background: var(--adf-user-info-color); background: var(--theme-primary-300);
display: inline-block; display: inline-block;
width: 40px; width: 40px;
height: 40px; height: 40px;
@@ -32,7 +32,7 @@
} }
&-userinfo-profile-image { &-userinfo-profile-image {
background: var(--adf-user-info-color); background: var(--theme-primary-300);
text-align: center; text-align: center;
border-radius: 90%; border-radius: 90%;
width: 40px; width: 40px;
@@ -132,7 +132,7 @@
} }
&-userinfo-profile-picture { &-userinfo-profile-picture {
background: var(--adf-user-info-color); background: var(--theme-primary-300);
background-size: cover; background-size: cover;
border-radius: 50%; border-radius: 50%;
height: 80px; height: 80px;
@@ -144,7 +144,7 @@
&-userinfo-profile-initials { &-userinfo-profile-initials {
text-transform: uppercase; text-transform: uppercase;
background-size: cover; background-size: cover;
background-color: var(--adf-user-info-color); background-color: var(--theme-primary-300);
border-radius: 50%; border-radius: 50%;
height: 80px; height: 80px;
width: 80px; width: 80px;

View File

@@ -30,7 +30,7 @@
} }
.adf-dialog-action-button:disabled > span { .adf-dialog-action-button:disabled > span {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
@media screen and (max-width: 380px) { @media screen and (max-width: 380px) {

View File

@@ -56,7 +56,7 @@
} }
&--text { &--text {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
} }
} }
@@ -67,7 +67,7 @@
font-size: var(--theme-headline-font-size); font-size: var(--theme-headline-font-size);
line-height: 1.33; line-height: 1.33;
letter-spacing: -1px; letter-spacing: -1px;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
.adf-document-list__drag-drop { .adf-document-list__drag-drop {
@@ -76,7 +76,7 @@
font-size: 56px; font-size: 56px;
line-height: 1; line-height: 1;
letter-spacing: -2px; letter-spacing: -2px;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
margin-top: 40px; margin-top: 40px;
} }
@@ -86,7 +86,7 @@
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
line-height: 1.5; line-height: 1.5;
letter-spacing: -0.4px; letter-spacing: -0.4px;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
margin-top: 17px; margin-top: 17px;
} }
@@ -114,11 +114,11 @@
font-size: var(--theme-headline-font-size); font-size: var(--theme-headline-font-size);
line-height: 1.33; line-height: 1.33;
letter-spacing: -1px; letter-spacing: -1px;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
.adf-documentlist-pagination { .adf-documentlist-pagination {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
.adf-pagination__block { .adf-pagination__block {
border-right: none; border-right: none;
@@ -131,7 +131,7 @@
font-size: var(--theme-headline-font-size); font-size: var(--theme-headline-font-size);
line-height: 1.33; line-height: 1.33;
letter-spacing: -1px; letter-spacing: -1px;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
&-drag-drop { &-drag-drop {

View File

@@ -34,7 +34,7 @@
line-height: 1.6; line-height: 1.6;
margin: 0; margin: 0;
letter-spacing: -0.5px; letter-spacing: -0.5px;
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
&-content { &-content {
@@ -51,7 +51,7 @@
padding: 8px 8px 24px 8px; padding: 8px 8px 24px 8px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
button { button {
text-transform: uppercase; text-transform: uppercase;

View File

@@ -8,7 +8,7 @@
font-stretch: normal; font-stretch: normal;
line-height: 1.6; line-height: 1.6;
letter-spacing: -0.5px; letter-spacing: -0.5px;
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
.mat-dialog-container { .mat-dialog-container {
@@ -45,7 +45,7 @@
.adf-choose-action { .adf-choose-action {
&[disabled] { &[disabled] {
color: var(--theme-secondary-text-color); color: var(--theme-foreground-secondary-text-color);
} }
&:enabled { &:enabled {

View File

@@ -5,7 +5,7 @@ $search-result-height: calc(100% - 75px);
display: flex; display: flex;
height: $search-result-height; height: $search-result-height;
overflow: auto; overflow: auto;
border: 2px solid var(--theme-border-color); border: 2px solid var(--theme-foreground-text-color-007);
&-elements { &-elements {
width: 100%; width: 100%;
@@ -22,7 +22,7 @@ $search-result-height: calc(100% - 75px);
justify-content: space-around; justify-content: space-around;
height: $search-result-height; height: $search-result-height;
overflow: auto; overflow: auto;
border: 2px solid var(--theme-border-color); border: 2px solid var(--theme-foreground-text-color-007);
} }
&-permission-no-result { &-permission-no-result {
@@ -37,11 +37,11 @@ $search-result-height: calc(100% - 75px);
width: 100%; width: 100%;
&-icon { &-icon {
color: var(--theme-selected-button-bg-color); color: var(--theme-background-selected-button-color);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: var(--theme-fg-base-color); color: var(--theme-foreground-base-color);
} }
} }
} }

View File

@@ -18,7 +18,7 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 10px 15px; padding: 10px 15px;
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
} }
&-inherit-container { &-inherit-container {
@@ -89,6 +89,6 @@
.adf-pop-over-card { .adf-pop-over-card {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
box-shadow: 0 8px 9px -5px var(--theme-fg-divider), 0 15px 22px 2px var(--theme-fg-divider); box-shadow: 0 8px 9px -5px var(--theme-foreground-divider-color), 0 15px 22px 2px var(--theme-foreground-divider-color);
} }
} }

View File

@@ -19,8 +19,8 @@ $mat-menu-overlay-max-width: 280px !default; // 56 * 5
margin-top: -22px; margin-top: -22px;
font-size: var(--theme-subheading-1-font-size); font-size: var(--theme-subheading-1-font-size);
z-index: 5; z-index: 5;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
border-radius: 2px; border-radius: 2px;
@media screen and (max-width: 959px) { @media screen and (max-width: 959px) {
@@ -32,7 +32,7 @@ $mat-menu-overlay-max-width: 280px !default; // 56 * 5
&-search-autocomplete-item { &-search-autocomplete-item {
&:hover { &:hover {
background-color: var(--theme-bg-hover-color); background-color: var(--theme-background-hover-color);
opacity: 1; opacity: 1;
} }
} }

View File

@@ -83,6 +83,6 @@
.mat-checkbox-label, .mat-checkbox-label,
.mat-radio-label { .mat-radio-label {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
} }

View File

@@ -7,14 +7,14 @@
max-width: 320px; max-width: 320px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
background: var(--theme-unselected-chip-bg-color); background: var(--theme-background-unselected-chip-color);
&:focus { &:focus {
color: unset; color: unset;
} }
&.mat-standard-chip::after { &.mat-standard-chip::after {
background: var(--theme-unselected-chip-bg-color); background: var(--theme-background-unselected-chip-color);
color: unset; color: unset;
} }
@@ -24,7 +24,7 @@
} }
&.adf-search-toggle-chip { &.adf-search-toggle-chip {
background: var(--theme-card-bg-color); background: var(--theme-background-card-color);
border: 2px solid var(--theme-accent-color); border: 2px solid var(--theme-accent-color);
&.mat-chip::after { &.mat-chip::after {
@@ -35,7 +35,7 @@
.adf-search-filter-placeholder { .adf-search-filter-placeholder {
flex: 1 1 auto; flex: 1 1 auto;
white-space: nowrap; white-space: nowrap;
color: var(--theme-disabled-text-color); color: var(--theme-foreground-disabled-text-color);
} }
.adf-search-filter-ellipsis { .adf-search-filter-ellipsis {

View File

@@ -1,6 +1,6 @@
.adf-search-filter-menu-card { .adf-search-filter-menu-card {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
background: var(--theme-card-bg-color); background: var(--theme-background-card-color);
.adf-search-filter-title { .adf-search-filter-title {
padding: 16px 12px; padding: 16px 12px;

View File

@@ -4,14 +4,14 @@
.adf-icon { .adf-icon {
opacity: 1; opacity: 1;
color: var(--theme-icon-fg-color); color: var(--theme-foreground-icon-color);
&-active { &-active {
color: var(--theme-primary-color); color: var(--theme-primary-color);
} }
.mat-badge-active { .mat-badge-active {
border: 2px solid var(--theme-card-bg-color) !important; border: 2px solid var(--theme-background-card-color) !important;
} }
} }
@@ -27,7 +27,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 15px 15px 10px; padding: 15px 15px 10px;
color: var(--theme-text-bold-color) !important; color: var(--theme-foreground-text-color-087) !important;
.adf-facet-buttons { .adf-facet-buttons {
display: none; display: none;
@@ -38,25 +38,25 @@
} }
input { input {
background: 2px solid var(--theme-card-bg-color) !important; background: 2px solid var(--theme-background-card-color) !important;
} }
} }
&-title { &-title {
font-size: 1.1em; font-size: 1.1em;
padding-bottom: 5px; padding-bottom: 5px;
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
&-actions { &-actions {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
padding: 15px; padding: 15px;
background-color: var(--theme-hover-bg-color); background-color: var(--theme-background-hover-color);
> button { > button {
font-size: 0.9em; font-size: 0.9em;
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
} }
} }

View File

@@ -1,11 +1,11 @@
.adf-search-filter { .adf-search-filter {
.mat-expansion-panel-header-title { .mat-expansion-panel-header-title {
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
.mat-checkbox-label, .mat-checkbox-label,
.mat-radio-label { .mat-radio-label {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
} }

View File

@@ -1,5 +1,5 @@
.adf-search-sorting-picker { .adf-search-sorting-picker {
.mat-icon-button { .mat-icon-button {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
} }

View File

@@ -10,7 +10,7 @@
.adf-view-more-button { .adf-view-more-button {
margin: 4px; margin: 4px;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
.adf-full-width { .adf-full-width {

View File

@@ -24,7 +24,7 @@ $tree-header-font-size: 12px !default;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
transition-property: background-color; transition-property: background-color;
border-bottom: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-foreground-text-color-007);
min-height: $tree-row-height; min-height: $tree-row-height;
user-select: none; user-select: none;
@@ -33,7 +33,7 @@ $tree-header-font-size: 12px !default;
} }
&:hover { &:hover {
background-color: var(--theme-bg-hover-color); background-color: var(--theme-background-hover-color);
.adf-tree-actions { .adf-tree-actions {
display: flex; display: flex;
@@ -41,7 +41,7 @@ $tree-header-font-size: 12px !default;
} }
&:focus { &:focus {
background-color: var(--theme-bg-hover-color); background-color: var(--theme-background-hover-color);
outline-offset: -1px; outline-offset: -1px;
outline: 1px solid var(--theme-accent-color-a200); outline: 1px solid var(--theme-accent-color-a200);
} }
@@ -55,7 +55,7 @@ $tree-header-font-size: 12px !default;
} }
.adf-tree-cell { .adf-tree-cell {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
width: 100%; width: 100%;
.adf-tree-cell-value { .adf-tree-cell-value {
@@ -82,7 +82,7 @@ $tree-header-font-size: 12px !default;
letter-spacing: 0; letter-spacing: 0;
min-height: $tree-row-height !important; min-height: $tree-row-height !important;
font-size: $tree-header-font-size; font-size: $tree-header-font-size;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
box-sizing: border-box; box-sizing: border-box;
padding-top: 12px !important; padding-top: 12px !important;

View File

@@ -1,7 +1,7 @@
/* stylelint-disable no-descending-specificity */ /* stylelint-disable no-descending-specificity */
.adf-upload-dialog { .adf-upload-dialog {
background: var(--theme-dialog-bg-color); background: var(--theme-background-dialog-color);
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
width: 40%; width: 40%;
@@ -33,7 +33,7 @@
min-width: 0; min-width: 0;
padding: 0; padding: 0;
line-height: 0; line-height: 0;
color: var(--theme-text-color) !important; color: var(--theme-foreground-text-color-054) !important;
} }
} }
@@ -49,8 +49,8 @@
&__content { &__content {
overflow: auto; overflow: auto;
max-height: 194px; max-height: 194px;
border-top: 1px solid var(--adf-upload-border-color); border-top: 1px solid var(--theme-foreground-text-color-014);
border-bottom: 1px solid var(--adf-upload-border-color); border-bottom: 1px solid var(--theme-foreground-text-color-014);
} }
&__confirmation { &__confirmation {
@@ -61,7 +61,7 @@
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
line-height: 1.5; line-height: 1.5;
letter-spacing: -0.4px; letter-spacing: -0.4px;
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
&__confirmation--text { &__confirmation--text {

View File

@@ -2,7 +2,7 @@ $file-uploading-row-hover-color: #eee !default;
adf-file-uploading-list-row:not(:first-child) { adf-file-uploading-list-row:not(:first-child) {
display: block; display: block;
border-top: 1px solid var(--adf-upload-border-color); border-top: 1px solid var(--theme-foreground-text-color-014);
} }
.adf-file-uploading-row { .adf-file-uploading-row {

View File

@@ -5,12 +5,12 @@
} }
&-array-item-action { &-array-item-action {
color: var(--adf-card-view-text-color); color: var(--theme-foreground-text-color-025);
} }
&-array-item-action:hover, &-array-item-action:hover,
&-array-item-action:focus { &-array-item-action:focus {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
&-card-array-item-default { &-card-array-item-default {

View File

@@ -29,7 +29,7 @@
&-dateitem-editable { &-dateitem-editable {
cursor: pointer; cursor: pointer;
border-bottom: 1px solid var(--adf-card-view-datetime-border-color); border-bottom: 1px solid var(--theme-foreground-text-color-042);
padding-bottom: 6px; padding-bottom: 6px;
&-controls { &-controls {

View File

@@ -14,7 +14,7 @@
} }
.mat-form-field-appearance-legacy .mat-form-field-label { .mat-form-field-appearance-legacy .mat-form-field-label {
color: var(--adf-card-view-label-color) !important; color: var(--theme-foreground-text-color-040) !important;
} }
} }

View File

@@ -11,11 +11,11 @@ $select-filter-height: 4em !default;
display: flex; display: flex;
z-index: 100; z-index: 100;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
line-height: 3em; line-height: 3em;
height: $select-filter-height; height: $select-filter-height;
padding: 5px 16px 0; padding: 5px 16px 0;
background: var(--theme-card-bg-color); background: var(--theme-background-card-color);
} }
.mat-form-field { .mat-form-field {

View File

@@ -3,19 +3,19 @@
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
width: 16px; width: 16px;
height: 16px; height: 16px;
color: var(--adf-card-view-text-color); color: var(--theme-foreground-text-color-025);
} }
&-textitem-action.mat-icon-button { &-textitem-action.mat-icon-button {
width: 20px; width: 20px;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
color: var(--adf-card-view-text-color); color: var(--theme-foreground-text-color-025);
} }
&-textitem-action:hover, &-textitem-action:hover,
&-textitem-action:focus { &-textitem-action:focus {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
&-update-icon { &-update-icon {
@@ -27,7 +27,7 @@
&:hover .adf-textitem-action, &:hover .adf-textitem-action,
&:focus .adf-textitem-action { &:focus .adf-textitem-action {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
} }
@@ -49,7 +49,7 @@
} }
&:hover .adf-textitem-action { &:hover .adf-textitem-action {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
} }
@@ -64,7 +64,7 @@
align-items: center; align-items: center;
mat-icon:not(.adf-button-disabled):hover { mat-icon:not(.adf-button-disabled):hover {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
cursor: pointer !important; cursor: pointer !important;
} }
@@ -96,7 +96,7 @@
} }
&-textitem-default-value { &-textitem-default-value {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
&-textitem-editable .mat-form-field-wrapper { &-textitem-editable .mat-form-field-wrapper {
@@ -153,7 +153,7 @@
&:hover::-webkit-scrollbar-thumb { &:hover::-webkit-scrollbar-thumb {
display: block; display: block;
background-color: var(--adf-card-view-text-color); background-color: var(--theme-foreground-text-color-025);
border-radius: 2px; border-radius: 2px;
} }
} }
@@ -172,12 +172,12 @@
} }
.adf-property-clear-value { .adf-property-clear-value {
color: var(--adf-card-view-text-color); color: var(--theme-foreground-text-color-025);
display: inline; display: inline;
} }
.adf-property-clear-value:hover { .adf-property-clear-value:hover {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
} }
} }

View File

@@ -34,14 +34,14 @@
.adf-property-label { .adf-property-label {
font-size: var(--theme-caption-font-size); font-size: var(--theme-caption-font-size);
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
word-wrap: break-word; word-wrap: break-word;
} }
.adf-property-value, .adf-property-value,
.mat-form-field-label { .mat-form-field-label {
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
} }
} }

View File

@@ -1,5 +1,5 @@
.adf-is-selected { .adf-is-selected {
background: var(--adf-comment-list-primary-color); background: var(--theme-primary-100);
} }
.adf { .adf {
@@ -25,13 +25,13 @@
&:hover { &:hover {
background: background:
var(--adf-comment-list-primary-color) var(--theme-primary-100)
radial-gradient(circle, transparent 1%, var(--adf-comment-list-primary-color) 1%) radial-gradient(circle, transparent 1%, var(--theme-primary-100) 1%)
center/15000%; center/15000%;
} }
&:active { &:active {
background-color: var(--adf-comment-list-ripple-color); background-color: var(--theme-primary-300);
background-size: 100%; background-size: 100%;
transition: background 0s; transition: background 0s;
} }

View File

@@ -8,14 +8,14 @@
padding: 10px 20px; padding: 10px 20px;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
font-weight: 600; font-weight: 600;
border-bottom: 1px solid var(--theme-fg-divider); border-bottom: 1px solid var(--theme-foreground-divider-color);
margin: 0; margin: 0;
} }
.adf-comments-input-container { .adf-comments-input-container {
width: calc(100% - 30px); width: calc(100% - 30px);
padding: 8px 15px 0; padding: 8px 15px 0;
border-bottom: 1px solid var(--theme-fg-divider); border-bottom: 1px solid var(--theme-foreground-divider-color);
textarea { textarea {
resize: vertical; resize: vertical;

View File

@@ -35,7 +35,7 @@ $adf-columns-selector-space: 12px;
margin-top: 10px; margin-top: 10px;
&:hover { &:hover {
background-color: var(--theme-bg-hover-color); background-color: var(--theme-background-hover-color);
} }
} }

View File

@@ -27,7 +27,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
&--divider { &--divider {
padding: 24px 0; padding: 24px 0;
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
} }
&:hover { &:hover {
@@ -43,7 +43,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
} }
.adf-datatable-card { .adf-datatable-card {
border: 1px solid var(--theme-fg-divider); border: 1px solid var(--theme-foreground-divider-color);
.adf-datatable-body { .adf-datatable-body {
flex-flow: row wrap; flex-flow: row wrap;
@@ -80,7 +80,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
} }
.adf-is-selected { .adf-is-selected {
background: var(--adf-datatable-selected-color); background: var(--theme-primary-100);
padding-bottom: 31px; padding-bottom: 31px;
} }
@@ -128,7 +128,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
margin-left: 10px; margin-left: 10px;
text-align: left; text-align: left;
content: attr(title); content: attr(title);
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
float: left; float: left;
width: 140px; width: 140px;
white-space: nowrap; white-space: nowrap;
@@ -159,7 +159,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
margin: 8px; margin: 8px;
padding: 4px; padding: 4px;
overflow: visible; overflow: visible;
border-bottom: 1px solid var(--theme-fg-divider); border-bottom: 1px solid var(--theme-foreground-divider-color);
.adf-datatable-cell-container { .adf-datatable-cell-container {
float: left; float: left;
@@ -191,8 +191,8 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-datatable-list { .adf-datatable-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
box-sizing: border-box; box-sizing: border-box;
overflow-x: auto; overflow-x: auto;
@@ -237,13 +237,13 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
} }
.adf-datatable-cell { .adf-datatable-cell {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
.adf-datatable-row { .adf-datatable-row {
&:hover, &:hover,
&:focus { &:focus {
background-color: var(--theme-bg-hover-color); background-color: var(--theme-background-hover-color);
} }
&:focus { &:focus {
@@ -275,7 +275,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
@include material-animation-default(0.28s); @include material-animation-default(0.28s);
transition-property: background-color; transition-property: background-color;
border-top: 1px solid var(--theme-border-color); border-top: 1px solid var(--theme-foreground-text-color-007);
min-height: $data-table-row-height; min-height: $data-table-row-height;
cursor: pointer; cursor: pointer;
@@ -283,11 +283,11 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
&.adf-is-selected, &.adf-is-selected,
&.adf-is-selected:hover { &.adf-is-selected:hover {
background-color: var(--theme-selected-button-bg-color); background-color: var(--theme-background-selected-button-color);
} }
&:last-child { &:last-child {
border-bottom: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-foreground-text-color-007);
} }
} }
} }
@@ -438,10 +438,10 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-location-cell { .adf-location-cell {
a { a {
text-decoration: none; text-decoration: none;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
&:hover { &:hover {
color: var(--adf-datatable-cell-link-hover-color); color: var(--theme-accent-500);
text-decoration: underline; text-decoration: underline;
} }
} }
@@ -460,15 +460,15 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
} }
.adf-is-selected { .adf-is-selected {
background: var(--adf-datatable-selected-color); background: var(--theme-primary-100);
} }
.adf-datatable-link { .adf-datatable-link {
text-decoration: none; text-decoration: none;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
&:hover { &:hover {
color: var(--adf-datatable-cell-link-hover-color); color: var(--theme-accent-500);
text-decoration: underline; text-decoration: underline;
} }
} }
@@ -592,7 +592,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
letter-spacing: 0; letter-spacing: 0;
min-height: $data-table-row-height !important; min-height: $data-table-row-height !important;
font-size: $data-table-header-font-size; font-size: $data-table-header-font-size;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
box-sizing: border-box; box-sizing: border-box;
&.adf-sortable { &.adf-sortable {
@@ -604,7 +604,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-datatable__header--sorted-asc, .adf-datatable__header--sorted-asc,
.adf-datatable__header--sorted-desc { .adf-datatable__header--sorted-desc {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
&::after { &::after {
@include typo-icon; @include typo-icon;
@@ -646,7 +646,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
} }
&--hovered { &--hovered {
background-color: var(--theme-bg-hover-color); background-color: var(--theme-background-hover-color);
border-radius: 6px; border-radius: 6px;
} }
} }
@@ -674,7 +674,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
display: flex; display: flex;
flex: 1; flex: 1;
flex-grow: 1; flex-grow: 1;
background: var(--theme-bg-hover-color); background: var(--theme-background-hover-color);
border: dotted 1px rgba(0, 0, 0, 0.25); border: dotted 1px rgba(0, 0, 0, 0.25);
min-height: 55px; min-height: 55px;
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
@@ -724,8 +724,8 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-datatable-header { .adf-datatable-header {
display: block; display: block;
margin-right: 0; margin-right: 0;
border-top: 1px solid var(--theme-border-color); border-top: 1px solid var(--theme-foreground-text-color-007);
border-bottom: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-foreground-text-color-007);
} }
.adf-datatable-body { .adf-datatable-body {
@@ -761,7 +761,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-datatable-body { .adf-datatable-body {
.adf-datatable-row { .adf-datatable-row {
height: 100%; height: 100%;
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
border: none !important; border: none !important;
&:hover, &:hover,
@@ -775,7 +775,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-datatable--empty--header-visible { .adf-datatable--empty--header-visible {
.adf-datatable-header { .adf-datatable-header {
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
} }
.adf-datatable-body { .adf-datatable-body {
@@ -786,7 +786,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-datatable-row { .adf-datatable-row {
height: 100%; height: 100%;
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
border: none !important; border: none !important;
&:hover, &:hover,

View File

@@ -7,7 +7,7 @@
div.adf-tooltip-card { div.adf-tooltip-card {
@include mat.elevation(8); @include mat.elevation(8);
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
border: 1px solid var(--theme-primary-color); border: 1px solid var(--theme-primary-color);
padding: 12px; padding: 12px;
border-radius: 6px; border-radius: 6px;
@@ -15,7 +15,7 @@ div.adf-tooltip-card {
p, p,
div { div {
font-size: var(--theme-caption-font-size); font-size: var(--theme-caption-font-size);
color: var(--adf-tooltip-card-color); color: var(--theme-foreground-text-color-075);
margin: 0; margin: 0;
} }

View File

@@ -34,8 +34,8 @@ $adf-inplace-input-padding: 7px;
} }
&:hover:not(:focus) { &:hover:not(:focus) {
border: 1px solid var(--theme-bg-hover-color); border: 1px solid var(--theme-background-hover-color);
background-color: var(--theme-bg-hover-color); background-color: var(--theme-background-hover-color);
} }
} }
} }

View File

@@ -17,7 +17,7 @@
&:not(.mat-focused):not(.mat-form-field-invalid) { &:not(.mat-focused):not(.mat-form-field-invalid) {
.adf-amount-widget__prefix-spacing { .adf-amount-widget__prefix-spacing {
color: var(--theme-secondary-text-color); color: var(--theme-foreground-secondary-text-color);
} }
} }
} }

View File

@@ -21,5 +21,5 @@
} }
.mat-datetimepicker-toggle { .mat-datetimepicker-toggle {
color: var(--theme-icon-fg-color); color: var(--theme-foreground-icon-color);
} }

View File

@@ -6,7 +6,7 @@ ul > li > form-field > .adf-focus {
} }
.mat-form-field-label { .mat-form-field-label {
color: var(--theme-colors-mat-grey-dark) !important; color: var(--theme-mat-grey-color-a200-dark) !important;
} }
.adf { .adf {
@@ -29,7 +29,7 @@ ul > li > form-field > .adf-focus {
} }
&-label { &-label {
color: var(--theme-secondary-text-color); color: var(--theme-foreground-secondary-text-color);
} }
&-asterisk { &-asterisk {
@@ -48,7 +48,7 @@ ul > li > form-field > .adf-focus {
.mat-select { .mat-select {
&-arrow { &-arrow {
color: var(--theme-secondary-text-color) !important; color: var(--theme-foreground-secondary-text-color) !important;
} }
} }
@@ -57,7 +57,7 @@ ul > li > form-field > .adf-focus {
} }
.mat-form-field-prefix { .mat-form-field-prefix {
color: var(--theme-secondary-text-color); color: var(--theme-foreground-secondary-text-color);
} }
.adf-input { .adf-input {
@@ -66,7 +66,7 @@ ul > li > form-field > .adf-focus {
} }
&-left-label { &-left-label {
color: var(--theme-secondary-text-color); color: var(--theme-foreground-secondary-text-color);
} }
} }

View File

@@ -18,7 +18,7 @@
} }
&-userinfo-pic { &-userinfo-pic {
background: var(--adf-user-info-color); background: var(--theme-primary-300);
display: inline-block; display: inline-block;
width: 40px; width: 40px;
height: 40px; height: 40px;
@@ -32,7 +32,7 @@
} }
&-userinfo-profile-image { &-userinfo-profile-image {
background: var(--adf-user-info-color); background: var(--theme-primary-300);
text-align: center; text-align: center;
border-radius: 90%; border-radius: 90%;
width: 40px; width: 40px;
@@ -132,7 +132,7 @@
} }
&-userinfo-profile-picture { &-userinfo-profile-picture {
background: var(--adf-user-info-color); background: var(--theme-primary-300);
background-size: cover; background-size: cover;
border-radius: 50%; border-radius: 50%;
height: 80px; height: 80px;
@@ -144,7 +144,7 @@
&-userinfo-profile-initials { &-userinfo-profile-initials {
text-transform: uppercase; text-transform: uppercase;
background-size: cover; background-size: cover;
background-color: var(--adf-user-info-color); background-color: var(--theme-primary-300);
border-radius: 50%; border-radius: 50%;
height: 80px; height: 80px;
width: 80px; width: 80px;

View File

@@ -50,7 +50,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
line-height: 1.6; line-height: 1.6;
letter-spacing: -0.5px; letter-spacing: -0.5px;
text-align: left; text-align: left;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
& > div { & > div {
overflow: hidden; overflow: hidden;
@@ -77,7 +77,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
.adf-manage-versions-no-permission { .adf-manage-versions-no-permission {
margin: 0; margin: 0;
padding: $adf-info-drawer-icon-size-half; padding: $adf-info-drawer-icon-size-half;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
text-align: center; text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@@ -1,6 +1,6 @@
adf-layout-header .mat-toolbar-single-row { adf-layout-header .mat-toolbar-single-row {
color: var(--adf-header-text-color) !important; color: var(--theme-primary-color-default-contrast) !important;
background-color: var(--adf-header-background-color); background-color: var(--theme-primary-color);
position: relative; position: relative;
padding: 0 24px; padding: 0 24px;
@@ -35,7 +35,7 @@ adf-layout-header .mat-toolbar-single-row {
margin: 0 5px; margin: 0 5px;
& > div { & > div {
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
} }
} }

View File

@@ -32,7 +32,7 @@ adf-layout-container {
.mat-sidenav { .mat-sidenav {
overflow: hidden; overflow: hidden;
border-right: 1px solid var(--theme-border-color); border-right: 1px solid var(--theme-foreground-text-color-007);
background-color: var(--theme-background-color); background-color: var(--theme-background-color);
} }

View File

@@ -28,7 +28,7 @@
&-sidebar-action-menu-icon { &-sidebar-action-menu-icon {
margin: 18px 0 0 20px; margin: 18px 0 0 20px;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
@@ -42,7 +42,7 @@
.mat-menu-item { .mat-menu-item {
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
text-align: left; text-align: left;
line-height: 1.5; line-height: 1.5;
letter-spacing: -0.4px; letter-spacing: -0.4px;

View File

@@ -63,7 +63,7 @@
.adf-login-card-wide { .adf-login-card-wide {
border-radius: 8px; border-radius: 8px;
background-color: var(--theme-dialog-bg-color); background-color: var(--theme-background-dialog-color);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
width: 450px; width: 450px;
min-width: 320px; min-width: 320px;
@@ -191,7 +191,7 @@
} }
.mat-form-field .adf-login-password-icon.mat-icon { .mat-form-field .adf-login-password-icon.mat-icon {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
.adf-login__field .mat-form-field-wrapper { .adf-login__field .mat-form-field-wrapper {
@@ -201,8 +201,8 @@
.adf-login__field input:-webkit-autofill { .adf-login__field input:-webkit-autofill {
/* stylelint-disable */ /* stylelint-disable */
-webkit-box-shadow: 0 0 0 1000px var(--theme-dialog-bg-color) inset; -webkit-box-shadow: 0 0 0 1000px var(--theme-background-dialog-color) inset;
-webkit-text-fill-color: var(--theme-text-fg-color) !important; -webkit-text-fill-color: var(--theme-foreground-text-color) !important;
/* stylelint-enable */ /* stylelint-enable */
} }
@@ -240,7 +240,7 @@
} }
.adf-login-remember-me { .adf-login-remember-me {
color: var(--theme-text-fg-color) !important; color: var(--theme-foreground-text-color) !important;
} }
.adf-login-action-container { .adf-login-action-container {

View File

@@ -18,11 +18,11 @@
&-item:focus { &-item:focus {
outline: none; outline: none;
background: var(--theme-bg-hover-color); background: var(--theme-background-hover-color);
} }
&-item:hover { &-item:hover {
background-color: var(--theme-bg-hover-color); background-color: var(--theme-background-hover-color);
} }
&-message, &-message,
@@ -51,7 +51,7 @@
text-transform: uppercase; text-transform: uppercase;
vertical-align: middle; vertical-align: middle;
line-height: 40px; line-height: 40px;
color: var(--theme-colors-mat-grey); color: var(--theme-mat-grey-color-a200);
} }
&-notification-history-load-more { &-notification-history-load-more {

View File

@@ -11,7 +11,7 @@ $adf-pagination-empty-border: none !default;
border-top: $adf-pagination-border; border-top: $adf-pagination-border;
height: $adf-pagination-height; height: $adf-pagination-height;
line-height: 20px; line-height: 20px;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
&__block { &__block {
display: flex; display: flex;
@@ -60,7 +60,7 @@ $adf-pagination-empty-border: none !default;
&, &,
& + button { & + button {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
& + button { & + button {

View File

@@ -21,10 +21,10 @@
&-input-form-field-divider { &-input-form-field-divider {
.mat-form-field-underline { .mat-form-field-underline {
background-color: var(--adf-search-input-bg-color); background-color: var(--theme-primary-50);
.mat-form-field-ripple { .mat-form-field-ripple {
background-color: var(--adf-search-input-bg-color); background-color: var(--theme-primary-50);
} }
} }
@@ -33,5 +33,5 @@
} }
.adf-highlight { .adf-highlight {
color: var(--adf-search-input-highlight-color); color: var(--theme-primary-900);
} }

View File

@@ -26,63 +26,55 @@
// map SCSS variables to expose as CSS variables // map SCSS variables to expose as CSS variables
$defaults: ( $defaults: (
// material colors // theme colors
--theme-primary-color: mat.get-color-from-palette($primary), --theme-primary-color: mat.get-color-from-palette($primary),
--theme-primary-color-default-contrast: mat.get-color-from-palette($primary, default-contrast), --theme-primary-color-default-contrast: mat.get-color-from-palette($primary, default-contrast),
--theme-primary-contrast-500:mat.get-color-from-palette($primary, '500-contrast'),
--theme-primary-50:mat.get-color-from-palette($primary, 50),
--theme-primary-100:mat.get-color-from-palette($primary, 100),
--theme-primary-300:mat.get-color-from-palette($primary, 300),
--theme-primary-900:mat.get-color-from-palette($primary, 900),
--theme-warn-color: mat.get-color-from-palette($warn), --theme-warn-color: mat.get-color-from-palette($warn),
--theme-warn-color-default-contrast: mat.get-color-from-palette($warn, default-contrast), --theme-warn-color-default-contrast: mat.get-color-from-palette($warn, default-contrast),
--theme-warn-contrast-500: mat.get-color-from-palette($warn, '500-contrast'),
--theme-accent-color: mat.get-color-from-palette($accent), --theme-accent-color: mat.get-color-from-palette($accent),
--theme-accent-contrast-500:mat.get-color-from-palette($accent, '500-contrast'),
--theme-accent-color-a200: mat.get-color-from-palette($accent, A200), --theme-accent-color-a200: mat.get-color-from-palette($accent, A200),
--theme-accent-color-default-contrast: mat.get-color-from-palette($accent, default-contrast), --theme-accent-color-default-contrast: mat.get-color-from-palette($accent, default-contrast),
--theme-accent-500:mat.get-color-from-palette($accent, 500),
// component themes --theme-foreground-base-color: mat.get-color-from-palette($foreground, base),
--adf-snackbar-error-bg-color: mat.get-color-from-palette($warn), --theme-foreground-base-color-065: mat.get-color-from-palette($foreground, base, 0.65),
--adf-snackbar-error-action-color: white, --theme-foreground-base-color-045: mat.get-color-from-palette($foreground, base, 0.45),
--adf-snackbar-warning-bg-color: mat.get-color-from-palette($accent), --theme-foreground-disabled-text-color: mat.get-color-from-palette($foreground, disabled-text),
--adf-snackbar-warning-action-color: white, --theme-foreground-divider-color: mat.get-color-from-palette($foreground, divider),
--adf-snackbar-info-bg-color: mat.get-color-from-palette($primary), --theme-foreground-icon-color: mat.get-color-from-palette($foreground, icon),
--adf-snackbar-info-action-color: white, --theme-foreground-icon-color-054: mat.get-color-from-palette($foreground, icon, 0.54),
--adf-breadcrumb-item-active-color: mat.get-color-from-palette($foreground, text, 0.87), --theme-foreground-secondary-text-color: mat.get-color-from-palette($foreground, secondary-text),
--adf-breadcrumb-item-active-hover-color: mat.get-color-from-palette($foreground, text, 0.64), --theme-foreground-text-color: mat.get-color-from-palette($foreground, text),
--adf-node-selector-icon-color: mat.get-color-from-palette($foreground, icon, 0.54), --theme-foreground-text-color-087: mat.get-color-from-palette($foreground, text, 0.87),
--adf-node-selector-base-color: mat.get-color-from-palette($foreground, base, 0.45), --theme-foreground-text-color-075: mat.get-color-from-palette($foreground, text, 0.75),
--adf-node-selector-base-bold-color: mat.get-color-from-palette($foreground, base, 0.65), --theme-foreground-text-color-064: mat.get-color-from-palette($foreground, text, 0.64),
--adf-datatable-cell-link-hover-color: mat.get-color-from-palette($accent, 500), --theme-foreground-text-color-054: mat.get-color-from-palette($foreground, text, 0.54),
--adf-datatable-selected-color: mat.get-color-from-palette($primary, 100), --theme-foreground-text-color-042: mat.get-color-from-palette($foreground, text, 0.42),
--adf-user-info-color: mat.get-color-from-palette($primary, 300), --theme-foreground-text-color-040: mat.get-color-from-palette($foreground, text, 0.4),
--adf-comment-list-primary-color: mat.get-color-from-palette($primary, 100), --theme-foreground-text-color-027: mat.get-color-from-palette($foreground, text, 0.27),
--adf-comment-list-ripple-color: mat.get-color-from-palette($primary, 300), --theme-foreground-text-color-025: mat.get-color-from-palette($foreground, text, 0.25),
--adf-search-input-bg-color: mat.get-color-from-palette($primary, 50), --theme-foreground-text-color-014: mat.get-color-from-palette($foreground, text, 0.14),
--adf-search-input-highlight-color: mat.get-color-from-palette($primary, 900), --theme-foreground-text-color-007: mat.get-color-from-palette($foreground, text, 0.07),
--adf-tooltip-card-color: mat.get-color-from-palette($foreground, text, 0.75),
--adf-card-view-text-color: mat.get-color-from-palette($foreground, text, 0.25),
--adf-card-view-label-color: mat.get-color-from-palette($foreground, text, 0.4),
--adf-card-view-datetime-border-color: mat.get-color-from-palette($foreground, text, 0.42),
--adf-upload-border-color: mat.get-color-from-palette($foreground, text, 0.14),
--adf-header-background-color: mat.get-color-from-palette($primary),
--adf-header-text-color: mat.get-color-from-palette($primary, default-contrast),
--theme-hover-bg-color: mat.get-color-from-palette($background, hover), --theme-background-card-color: mat.get-color-from-palette($background, card),
--theme-text-color: mat.get-color-from-palette($foreground, text, 0.54), --theme-background-card-color-087: mat.get-color-from-palette($background, card, 0.87),
--theme-text-bold-color: mat.get-color-from-palette($foreground, text, 0.87),
--theme-background-color: mat.get-color-from-palette($background, background), --theme-background-color: mat.get-color-from-palette($background, background),
--theme-text-fg-color: mat.get-color-from-palette($foreground, text), --theme-background-dialog-color: mat.get-color-from-palette($background, dialog),
--theme-text-fg-shadow-color: mat.get-color-from-palette($foreground, text, 0.27), --theme-background-hover-color: mat.get-color-from-palette($background, hover),
--theme-border-color: mat.get-color-from-palette($foreground, text, 0.07), --theme-background-selected-button-color: mat.get-color-from-palette($background, selected-button),
--theme-card-bg-color: mat.get-color-from-palette($background, card), --theme-background-status-bar-color: mat.get-color-from-palette($background, status-bar),
--theme-card-bg-bold-color: mat.get-color-from-palette($background, card, 0.87), --theme-background-unselected-chip-color: mat.get-color-from-palette($background, unselected-chip),
--theme-foreground-text-color: mat.get-color-from-palette($foreground, text, 0.72),
--theme-secondary-text-color: mat.get-color-from-palette($foreground, secondary-text), // typography
--theme-dialog-bg-color: mat.get-color-from-palette($background, dialog),
--theme-bg-hover-color: mat.get-color-from-palette($background, hover),
--theme-fg-base-color: mat.get-color-from-palette($foreground, base),
--theme-fg-divider: mat.get-color-from-palette($foreground, divider),
--theme-disabled-text-color: mat.get-color-from-palette($foreground, disabled-text),
--theme-selected-button-bg-color: mat.get-color-from-palette($background, selected-button),
--theme-icon-fg-color: mat.get-color-from-palette($foreground, icon),
--theme-unselected-chip-bg-color: mat.get-color-from-palette($background, unselected-chip),
--theme-status-bar-bg-color: mat.get-color-from-palette($background, status-bar),
// fonts
--theme-font-family: mat.font-family($typography), --theme-font-family: mat.font-family($typography),
--theme-body-1-font-size: mat.font-size($typography, body-1), --theme-body-1-font-size: mat.font-size($typography, body-1),
--theme-body-2-font-size: mat.font-size($typography, body-2), --theme-body-2-font-size: mat.font-size($typography, body-2),
@@ -104,9 +96,9 @@
--theme-adf-task-title-font-size: map-get($custom-css-variables, 'theme-adf-task-title-font-size'), --theme-adf-task-title-font-size: map-get($custom-css-variables, 'theme-adf-task-title-font-size'),
// specific colors // specific colors
--theme-colors-mat-grey: mat.get-color-from-palette(mat.$grey-palette, A200), --theme-mat-grey-color-a200: mat.get-color-from-palette(mat.$grey-palette, A200),
--theme-colors-mat-grey-dark: mat.get-color-from-palette(mat.$grey-palette, A400), --theme-mat-grey-color-a400: mat.get-color-from-palette(mat.$grey-palette, A400),
--theme-colors-mag-grey-light: mat.get-color-from-palette(mat.$grey-palette, 50), --theme-mat-grey-color-50: mat.get-color-from-palette(mat.$grey-palette, 50),
); );
// propagates SCSS variables into the CSS variables scope // propagates SCSS variables into the CSS variables scope

View File

@@ -4,7 +4,7 @@
& .mat-expansion-panel-header.cdk-program-focused, & .mat-expansion-panel-header.cdk-program-focused,
&:not(.mat-expanded) .mat-expansion-panel-header:hover { &:not(.mat-expanded) .mat-expansion-panel-header:hover {
&:not([aria-disabled='true']) { &:not([aria-disabled='true']) {
background-color: var(--theme-hover-bg-color); background-color: var(--theme-background-hover-color);
} }
} }
} }
@@ -12,21 +12,21 @@
.mat-calendar { .mat-calendar {
.mat-calendar-header { .mat-calendar-header {
button { button {
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
&:disabled { &:disabled {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
} }
} }
.mat-calendar-content { .mat-calendar-content {
.mat-calendar-table-header th { .mat-calendar-table-header th {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
.mat-calendar-body-disabled > div { .mat-calendar-body-disabled > div {
color: var(--theme-text-color) !important; color: var(--theme-foreground-text-color-054) !important;
} }
} }
} }
@@ -48,11 +48,11 @@
.mat-datetimepicker-calendar-content { .mat-datetimepicker-calendar-content {
.mat-datetimepicker-calendar-table-header th { .mat-datetimepicker-calendar-table-header th {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
.mat-datetimepicker-calendar-body-disabled > div { .mat-datetimepicker-calendar-body-disabled > div {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
} }
} }

View File

@@ -1,25 +1,25 @@
@mixin adf-snackbar-theme() { @mixin adf-snackbar-theme() {
.adf-error-snackbar { .adf-error-snackbar {
background-color: var(--adf-snackbar-error-bg-color); background-color: var(--theme-warn-color);
.mat-simple-snackbar-action { .mat-simple-snackbar-action {
color: var(--adf-snackbar-error-action-color); color: var(--theme-warn-contrast-500);
} }
} }
.adf-warning-snackbar { .adf-warning-snackbar {
background-color: var(--adf-snackbar-warning-bg-color); background-color: var(--theme-accent-color);
.mat-simple-snackbar-action { .mat-simple-snackbar-action {
color: var(--adf-snackbar-warning-action-color); color: var(--theme-accent-contrast-500);
} }
} }
.adf-info-snackbar { .adf-info-snackbar {
background-color: var(--adf-snackbar-info-bg-color); background-color: var(--theme-primary-color);
.mat-simple-snackbar-action { .mat-simple-snackbar-action {
color: var(--adf-snackbar-info-action-color); color: var(--theme-primary-contrast-500);
} }
} }
} }

View File

@@ -1,5 +1,5 @@
.adf-empty-content { .adf-empty-content {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

View File

@@ -1,5 +1,5 @@
.adf-error-content { .adf-error-content {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

View File

@@ -11,8 +11,8 @@
.mat-toolbar { .mat-toolbar {
min-height: 48px; min-height: 48px;
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
.mat-toolbar-row { .mat-toolbar-row {

View File

@@ -33,7 +33,7 @@
.adf-toolbar .mat-toolbar { .adf-toolbar .mat-toolbar {
max-height: 48px; max-height: 48px;
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
border-width: 0; border-width: 0;
border-radius: 2px; border-radius: 2px;
/* stylelint-disable-next-line */ /* stylelint-disable-next-line */
@@ -54,7 +54,7 @@
width: 79px; width: 79px;
height: 24px; height: 24px;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
text-align: center; text-align: center;
line-height: 24px; line-height: 24px;
margin-left: 4px; margin-left: 4px;

View File

@@ -21,7 +21,7 @@
} }
&__thumb:hover { &__thumb:hover {
box-shadow: 0 0 5px 0 var(--theme-text-bold-color); box-shadow: 0 0 5px 0 var(--theme-foreground-text-color-087);
} }
&__thumb--selected { &__thumb--selected {

View File

@@ -57,7 +57,7 @@
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end; align-items: flex-end;
display: flex; display: flex;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
} }
} }
@@ -97,7 +97,7 @@
.adf-toolbar .mat-toolbar { .adf-toolbar .mat-toolbar {
max-height: 48px; max-height: 48px;
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
border-width: 0; border-width: 0;
border-radius: 2px; 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);
@@ -109,8 +109,8 @@
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
& > input { & > input {
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
color: inherit; color: inherit;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
padding: 5px; padding: 5px;
@@ -129,7 +129,7 @@
width: 79px; width: 79px;
height: 24px; height: 24px;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
text-align: center; text-align: center;
line-height: 24px; line-height: 24px;
margin-left: 4px; margin-left: 4px;

View File

@@ -5,5 +5,5 @@
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }

View File

@@ -2,7 +2,7 @@
.adf-full-screen { .adf-full-screen {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
} }
.adf-viewer-render { .adf-viewer-render {

View File

@@ -2,7 +2,7 @@
.adf-full-screen { .adf-full-screen {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: var(--theme-card-bg-color); background-color: var(--theme-background-card-color);
} }
.adf-viewer { .adf-viewer {
@@ -11,7 +11,7 @@
height: 100%; height: 100%;
.mat-toolbar { .mat-toolbar {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
.adf-toolbar-title { .adf-toolbar-title {
width: auto; width: auto;
@@ -30,7 +30,7 @@
&-toolbar { &-toolbar {
.mat-toolbar { .mat-toolbar {
background-color: var(--theme-card-bg-bold-color); background-color: var(--theme-background-card-color-087);
} }
} }
@@ -51,7 +51,7 @@
overflow: hidden; overflow: hidden;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
} }
&-container { &-container {
@@ -117,15 +117,15 @@
display: block; display: block;
padding: 0; padding: 0;
background-color: var(--theme-background-color); background-color: var(--theme-background-color);
box-shadow: 0 2px 4px 0 var(--theme-text-fg-shadow-color); box-shadow: 0 2px 4px 0 var(--theme-foreground-text-color-027);
overflow: auto; overflow: auto;
&__right { &__right {
border-left: 1px solid var(--theme-border-color); border-left: 1px solid var(--theme-foreground-text-color-007);
} }
&__left { &__left {
border-right: 1px solid var(--theme-border-color); border-right: 1px solid var(--theme-foreground-text-color-007);
} }
} }
} }

View File

@@ -75,16 +75,16 @@
} }
&-actions { &-actions {
border-top: 1px solid var(--theme-fg-divider); border-top: 1px solid var(--theme-foreground-divider-color);
padding: 8px; padding: 8px;
box-sizing: border-box; box-sizing: border-box;
height: 40px; height: 40px;
&-icon { &-icon {
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
&:hover { &:hover {
color: var(--theme-text-bold-color); color: var(--theme-foreground-text-color-087);
} }
} }
} }

View File

@@ -56,7 +56,7 @@
} }
.adf-report-report-container { .adf-report-report-container {
border-bottom: solid 1px var(--theme-fg-divider); border-bottom: solid 1px var(--theme-foreground-divider-color);
padding-top: 10px; padding-top: 10px;
.mat-toolbar { .mat-toolbar {

View File

@@ -71,7 +71,7 @@
word-break: break-all; word-break: break-all;
padding: 0.4375em; padding: 0.4375em;
border-bottom: none; border-bottom: none;
background: var(--theme-colors-mat-grey); background: var(--theme-mat-grey-color-a200);
min-height: 27px; min-height: 27px;
margin-bottom: 12px; margin-bottom: 12px;

View File

@@ -1,7 +1,7 @@
.adf-file-properties-table { .adf-file-properties-table {
table { table {
width: 100%; width: 100%;
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
box-shadow: none; box-shadow: none;
.adf-file { .adf-file {

View File

@@ -6,7 +6,7 @@ adf-properties-viewer-widget {
display: block; display: block;
height: 100%; height: 100%;
width: 100%; width: 100%;
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
border-radius: 6px; border-radius: 6px;
.adf-properties-viewer-wrapper-loading { .adf-properties-viewer-wrapper-loading {

View File

@@ -26,7 +26,7 @@
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 100px; border-radius: 100px;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
font-weight: bolder; font-weight: bolder;
font-size: var(--theme-adf-picture-1-font-size); font-size: var(--theme-adf-picture-1-font-size);
text-transform: uppercase; text-transform: uppercase;

View File

@@ -1,7 +1,7 @@
.adf { .adf {
&-start-process { &-start-process {
.mat-form-field-label { .mat-form-field-label {
color: var(--theme-colors-mat-grey-dark); color: var(--theme-mat-grey-color-a200-dark);
} }
mat-card-actions { mat-card-actions {

View File

@@ -1,5 +1,5 @@
.adf-cloud-start-task-heading { .adf-cloud-start-task-heading {
border-bottom: 1px solid var(--theme-fg-divider); border-bottom: 1px solid var(--theme-foreground-divider-color);
margin-bottom: 10px; margin-bottom: 10px;
.mat-card-title { .mat-card-title {

View File

@@ -36,7 +36,7 @@
padding: 0 5px; padding: 0 5px;
border-radius: 15px; border-radius: 15px;
background-color: var(--theme-accent-color); background-color: var(--theme-accent-color);
color: var(--theme-colors-mag-grey-light); color: var(--theme-mat-grey-color-50);
font-size: smaller; font-size: smaller;
} }
} }

View File

@@ -21,7 +21,7 @@
line-height: var(--theme-headline-line-height); line-height: var(--theme-headline-line-height);
letter-spacing: -0.4px; letter-spacing: -0.4px;
text-align: left; text-align: left;
color: var(--theme-text-color); color: var(--theme-foreground-text-color-054);
text-transform: uppercase; text-transform: uppercase;
} }

View File

@@ -12,7 +12,7 @@
.adf-choose-action { .adf-choose-action {
&[disabled] { &[disabled] {
color: var(--theme-secondary-text-color); color: var(--theme-foreground-secondary-text-color);
} }
&:enabled { &:enabled {

View File

@@ -26,7 +26,7 @@ dynamic-table-widget .adf-label {
&-dynamic-table { &-dynamic-table {
width: 100%; width: 100%;
position: relative; position: relative;
border: 1px solid var(--theme-border-color); border: 1px solid var(--theme-foreground-text-color-007);
white-space: nowrap; white-space: nowrap;
font-size: $dynamic-table-font-size; font-size: $dynamic-table-font-size;
@@ -78,12 +78,12 @@ dynamic-table-widget .adf-label {
} }
td { td {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
height: $dynamic-table-row-height; height: $dynamic-table-row-height;
border-top: 1px solid var(--theme-border-color); border-top: 1px solid var(--theme-foreground-text-color-007);
border-bottom: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-foreground-text-color-007);
padding-top: $dynamic-table-cell-top; padding-top: $dynamic-table-cell-top;
box-sizing: border-box; box-sizing: border-box;
@@ -104,7 +104,7 @@ dynamic-table-widget .adf-label {
letter-spacing: 0; letter-spacing: 0;
height: $dynamic-table-row-height; height: $dynamic-table-row-height;
font-size: $dynamic-table-header-font-size; font-size: $dynamic-table-header-font-size;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
padding-bottom: 8px; padding-bottom: 8px;
box-sizing: border-box; box-sizing: border-box;
@@ -118,7 +118,7 @@ dynamic-table-widget .adf-label {
&.adf-dynamic-table__header--sorted-asc, &.adf-dynamic-table__header--sorted-asc,
&.adf-dynamic-table__header--sorted-desc { &.adf-dynamic-table__header--sorted-desc {
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
&::before { &::before {
@include typo-icon; @include typo-icon;
@@ -133,7 +133,7 @@ dynamic-table-widget .adf-label {
cursor: pointer; cursor: pointer;
&::before { &::before {
color: var(--theme-disabled-text-color); color: var(--theme-foreground-disabled-text-color);
} }
} }
} }

View File

@@ -25,7 +25,7 @@
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 100px; border-radius: 100px;
color: var(--theme-text-fg-color); color: var(--theme-foreground-text-color);
font-weight: bolder; font-weight: bolder;
font-size: var(--theme-adf-picture-1-font-size); font-size: var(--theme-adf-picture-1-font-size);
text-transform: uppercase; text-transform: uppercase;
@@ -34,7 +34,7 @@
&-people-widget-image { &-people-widget-image {
margin-left: -44px; margin-left: -44px;
left: 21px; left: 21px;
background: var(--theme-dialog-bg-color); background: var(--theme-background-dialog-color);
border-radius: 100px; border-radius: 100px;
width: 40px; width: 40px;
height: 40px; height: 40px;

View File

@@ -1,5 +1,5 @@
.adf-assignment-header { .adf-assignment-header {
border-bottom: 1px solid var(--theme-fg-divider); border-bottom: 1px solid var(--theme-foreground-divider-color);
padding: 6px 20px; padding: 6px 20px;
} }
@@ -25,7 +25,7 @@
} }
.adf-assignment-top-container.mat-card { .adf-assignment-top-container.mat-card {
border-top: 1px solid var(--theme-fg-divider); border-top: 1px solid var(--theme-foreground-divider-color);
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex; display: flex;
@@ -43,7 +43,7 @@
.adf-assignment-container { .adf-assignment-container {
padding: 10px 20px; padding: 10px 20px;
border-bottom: 1px solid var(--theme-fg-divider); border-bottom: 1px solid var(--theme-foreground-divider-color);
max-width: 100%; max-width: 100%;
} }

View File

@@ -32,13 +32,13 @@
padding: 10px 20px; padding: 10px 20px;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
font-weight: 600; font-weight: 600;
border-bottom: 1px solid var(--theme-fg-divider); border-bottom: 1px solid var(--theme-foreground-divider-color);
} }
.adf-comments-input-container { .adf-comments-input-container {
width: calc(100% - 30px); width: calc(100% - 30px);
padding: 8px 15px 0; padding: 8px 15px 0;
border-bottom: 1px solid var(--theme-fg-divider); border-bottom: 1px solid var(--theme-foreground-divider-color);
} }
.adf-full-width { .adf-full-width {

View File

@@ -10,7 +10,7 @@
} }
.mat-form-field-label { .mat-form-field-label {
color: var(--theme-colors-mat-grey-dark); color: var(--theme-mat-grey-color-a200-dark);
} }
.mat-content-actions { .mat-content-actions {

View File

@@ -18,7 +18,7 @@
} }
&-userinfo-pic { &-userinfo-pic {
background: var(--adf-user-info-color); background: var(--theme-primary-300);
display: inline-block; display: inline-block;
width: 40px; width: 40px;
height: 40px; height: 40px;
@@ -32,7 +32,7 @@
} }
&-userinfo-profile-image { &-userinfo-profile-image {
background: var(--adf-user-info-color); background: var(--theme-primary-300);
text-align: center; text-align: center;
border-radius: 90%; border-radius: 90%;
width: 40px; width: 40px;
@@ -132,7 +132,7 @@
} }
&-userinfo-profile-picture { &-userinfo-profile-picture {
background: var(--adf-user-info-color); background: var(--theme-primary-300);
background-size: cover; background-size: cover;
border-radius: 50%; border-radius: 50%;
height: 80px; height: 80px;
@@ -144,7 +144,7 @@
&-userinfo-profile-initials { &-userinfo-profile-initials {
text-transform: uppercase; text-transform: uppercase;
background-size: cover; background-size: cover;
background-color: var(--adf-user-info-color); background-color: var(--theme-primary-300);
border-radius: 50%; border-radius: 50%;
height: 80px; height: 80px;
width: 80px; width: 80px;

View File

@@ -1,7 +1,7 @@
/* stylelint-disable no-descending-specificity */ /* stylelint-disable no-descending-specificity */
.adf-new-task-heading { .adf-new-task-heading {
padding-top: 12px; padding-top: 12px;
border-bottom: 1px solid var(--theme-fg-divider); border-bottom: 1px solid var(--theme-foreground-divider-color);
.mat-card-title { .mat-card-title {
font-weight: bold; font-weight: bold;

View File

@@ -5,7 +5,7 @@
margin: 16px auto; margin: 16px auto;
.mat-card-actions { .mat-card-actions {
border-top: solid 1px var(--theme-status-bar-bg-color); border-top: solid 1px var(--theme-background-status-bar-color);
} }
} }