diff --git a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss index 212165a444..431612c342 100644 --- a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss +++ b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss @@ -1,5 +1,10 @@ /* stylelint-disable no-descending-specificity */ .adf-property-list { + background: var(--adf-card-view-background); + border: var(--adf-card-view-border); + border-color: var(--adf-card-view-border-color); + border-radius: var(--adf-card-view-border-radius); + .adf-property { margin-bottom: 20px; diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss index 7c13cbd852..d857f7445b 100644 --- a/lib/core/src/lib/styles/_components-variables.scss +++ b/lib/core/src/lib/styles/_components-variables.scss @@ -7,6 +7,10 @@ --adf-edit-task-and-service-filter-content-text-label-color: $adf-ref-edit-task-and-service-filter-content-text-label-color, --adf-edit-task-and-service-filter-content-select-label-color: $adf-ref-edit-task-and-service-filter-content-select-label-color, --adf-edit-task-and-service-filter-header-height: $adf-ref-edit-task-and-service-filter-header-height, + --adf-card-view-background: $adf-ref-card-background, + --adf-card-view-border: $adf-ref-card-border, + --adf-card-view-border-color: $adf-ref-card-border-color, + --adf-card-view-border-radius: $adf-ref-card-border-radius ); // propagates SCSS variables into the CSS variables scope diff --git a/lib/core/src/lib/styles/_reference-variables.scss b/lib/core/src/lib/styles/_reference-variables.scss index d3eed006a7..155175cd13 100644 --- a/lib/core/src/lib/styles/_reference-variables.scss +++ b/lib/core/src/lib/styles/_reference-variables.scss @@ -1,5 +1,11 @@ $adf-ref-edit-task-and-service-filter-header-title-color: rgba(0, 0, 0, 0.87); $adf-ref-edit-task-and-service-filter-header-description-color: rgba(0, 0, 0, 0.54); $adf-ref-edit-task-and-service-filter-header-height: 48px; -$adf-ref-edit-task-and-service-filter-content-text-label-color: rgba(0, 0, 0, 0.54); +$adf-ref-edit-task-and-service-filter-content-text-label-color: rgba(0, 0, 0, 0.54); +$adf-ref-edit-task-and-service-filter-content-text-input-color: rgba(0, 0, 0, 0.87); $adf-ref-edit-task-and-service-filter-content-select-label-color: rgba(0, 0, 0, 0.54); +$adf-ref-edit-task-and-service-filter-content-select-input-color: rgba(0, 0, 0, 0.87); +$adf-ref-card-background: white; +$adf-ref-card-border: unset; +$adf-ref-card-border-color: unset; +$adf-ref-card-border-radius: 0;