diff --git a/src/app/structure-list/components/search/search.component.scss b/src/app/structure-list/components/search/search.component.scss index ec415e8960e6076b0c573254c2cb15fb2e0423e4..89773e528bcbc3181ef547b07b5c8f315dcd33de 100644 --- a/src/app/structure-list/components/search/search.component.scss +++ b/src/app/structure-list/components/search/search.component.scss @@ -60,12 +60,13 @@ } } .selected { - border-color: $primary-color !important; - color: inherit; + background-color: $secondary-color; + border-color: $secondary-color !important; + color: $white; .arrow { background-color: transparent; - border-bottom: 1px solid $primary-color; - border-right: 1px solid $primary-color; + border-bottom: 1px solid $white; + border-right: 1px solid $white; transform: translateY(25%) rotate(-135deg); margin: 0 5px 0 10px; height: 7px; diff --git a/src/styles.scss b/src/styles.scss index af9bc276813e243bbb1b06f9a424dd65c48d93cd..a6fabff7a520ed058b50f3eb538c6a9d51ebda58 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -106,7 +106,7 @@ button { opacity: 0; display: none; &:checked ~ .customCheck { - background-color: $primary-color; + background-color: $green-1; border-color: transparent; } &:checked ~ .customCheck:after {