diff --git a/src/app/components/search/search-input/search-input.component.theme.scss b/src/app/components/search/search-input/search-input.component.theme.scss index a9d6409d7..5d307d91e 100644 --- a/src/app/components/search/search-input/search-input.component.theme.scss +++ b/src/app/components/search/search-input/search-input.component.theme.scss @@ -10,7 +10,7 @@ $top-margin: 12px; $border: 1px solid mat-color($foreground, divider, 0.07); .app-search-container { - color: mat-color($foreground, text, 0.54); + color: mat-color($foreground, text, 0.72); .app-input-form-field { .mat-input-element { diff --git a/src/app/components/search/search-results-row/search-results-row.component.scss b/src/app/components/search/search-results-row/search-results-row.component.scss index f86c9f87d..aa8e8f7bd 100644 --- a/src/app/components/search/search-results-row/search-results-row.component.scss +++ b/src/app/components/search/search-results-row/search-results-row.component.scss @@ -1,24 +1,36 @@ @import 'mixins'; -.aca-search-results-row { - @include flex-column; -} +@mixin aca-result-row-theme($theme) { + $primary: map-get($theme, primary); + $foreground: map-get($theme, foreground); -.line { - margin: 5px; -} + .aca-search-results-row { + @include flex-column; + } -.bold { - font-weight: 400; - color: rgba(0, 0, 0, 0.87); -} + .line { + margin: 5px; + } -.link { - text-decoration: none; - color: rgba(0, 0, 0, 0.87); -} + .bold { + font-weight: 400; + color: mat-color($foreground, text, 0.87); + } -.link:hover { - color: #2196f3; - text-decoration: underline; + .link { + text-decoration: none; + color: mat-color($foreground, text, 0.87); + } + + .link:hover, + .aca-location-link .adf-datatable-cell-value:hover { + color: mat-color($primary) !important; + text-decoration: underline; + } + + .adf-is-selected .link:not(:hover), + .adf-is-selected .aca-location-link .adf-datatable-cell-value:not(:hover) { + text-decoration: none; + color: mat-color($primary, A400) !important; + } } diff --git a/src/app/ui/custom-theme.scss b/src/app/ui/custom-theme.scss index fa20674ca..d4c306ebe 100644 --- a/src/app/ui/custom-theme.scss +++ b/src/app/ui/custom-theme.scss @@ -3,6 +3,7 @@ @import '../components/sidenav/sidenav.component.theme'; @import '../components/search/search-input/search-input.component.theme'; +@import '../components/search/search-results-row/search-results-row.component.scss'; @import '../components/settings/settings.component.theme'; @import '../components/current-user/current-user.component.theme'; @import '../components/permissions/permission-manager/permission-manager.component.theme'; @@ -61,6 +62,7 @@ $warn: map-get($custom-theme, warn); @mixin custom-theme($theme) { @include layout-theme($theme); @include aca-search-input-theme($theme); + @include aca-result-row-theme($theme); @include app-permission-manager-theme($theme); @include aca-node-versions-dialog-theme($theme); @include aca-settings-theme($theme);