diff --git a/projects/ion/src/lib/input-select/_input-select.theme.scss b/projects/ion/src/lib/input-select/_input-select.theme.scss index ad9fb2b43..a6b0a5988 100644 --- a/projects/ion/src/lib/input-select/_input-select.theme.scss +++ b/projects/ion/src/lib/input-select/_input-select.theme.scss @@ -4,6 +4,7 @@ $default: ( background-color: ion-theme(neutral-1), button: ( background-color: ion-theme(neutral-2), + icon-color: ion-theme(neutral-7), border-color: ion-theme(neutral-5), text: ( color: ion-theme(neutral-7), @@ -30,9 +31,41 @@ $default: ( ), ); +$dark: ( + background-color: ion-theme(neutral-5), + button: ( + background-color: ion-theme(neutral-6), + border-color: ion-theme(primary-3), + icon-color: ion-theme(primary-3), + text: ( + color: ion-theme(primary-3), + line-height: 20px, + font-size: 14px, + font-weight: 400, + ), + ), + valid-icon-color: ion-theme(positive-6), + invalid: ( + icon-color: ion-theme(negative-6), + border-color: ion-theme(negative-5), + hover: ( + border-color: ion-theme(negative-6), + outline-color: ion-theme(negative-2), + ), + ), + separator-color: ion-theme(neutral-3), + disabled: ( + background-color: ion-theme(neutral-7), + border-color: ion-theme(neutral-4), + text-color: ion-theme(neutral-4), + icon-color: ion-theme(neutral-4), + ), +); + @include register-component( input-select, ( default: $default, + dark: $dark, ) ); diff --git a/projects/ion/src/lib/input-select/input-select.component.html b/projects/ion/src/lib/input-select/input-select.component.html index 7a0e47928..040f0e755 100644 --- a/projects/ion/src/lib/input-select/input-select.component.html +++ b/projects/ion/src/lib/input-select/input-select.component.html @@ -15,7 +15,10 @@ [disabled]="disabled" > {{ currentOption?.label }} - +
diff --git a/projects/ion/src/lib/input-select/input-select.component.scss b/projects/ion/src/lib/input-select/input-select.component.scss index dce4d6eb9..0246dcd4a 100644 --- a/projects/ion/src/lib/input-select/input-select.component.scss +++ b/projects/ion/src/lib/input-select/input-select.component.scss @@ -11,6 +11,7 @@ .input-select-container { display: flex; + border-radius: spacing(1); .input { border-radius: 0 spacing(1) spacing(1) 0;