diff --git a/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.scss b/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.scss new file mode 100644 index 0000000000..7cccd0a46b --- /dev/null +++ b/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.scss @@ -0,0 +1,13 @@ +@mixin adf-search-chip-list-theme($theme) { + $accent: map-get($theme, accent); + + .mat-chip:focus { + color: mat-color($accent, default-contrast); + background-color: mat-color($accent); + + .mat-chip-remove { + color: mat-color($accent, default-contrast); + opacity: 1; + } + } +} diff --git a/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.ts b/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.ts index bbe4381a06..441f47a628 100644 --- a/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.ts +++ b/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.ts @@ -21,6 +21,7 @@ import { SearchFilterComponent } from '../../components/search-filter/search-fil @Component({ selector: 'adf-search-chip-list', templateUrl: './search-chip-list.component.html', + styleUrls: ['./search-chip-list.component.scss'], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-chip-list' } }) diff --git a/lib/content-services/src/lib/styles/_index.scss b/lib/content-services/src/lib/styles/_index.scss index ba1f5c22bb..956468aea8 100644 --- a/lib/content-services/src/lib/styles/_index.scss +++ b/lib/content-services/src/lib/styles/_index.scss @@ -12,6 +12,7 @@ @import '../search/components/search-control.component'; @import '../search/components/search-sorting-picker/search-sorting-picker.component'; @import '../search/components/search-filter/search-filter.component'; +@import '../search/components/search-chip-list/search-chip-list.component'; @import '../dialogs/folder.dialog'; @@ -44,4 +45,5 @@ @include adf-add-permission-panel-theme($theme); @include adf-tree-view-theme($theme); @include adf-search-filter-theme($theme); + @include adf-search-chip-list-theme($theme); }