diff --git a/core/src/components/select/select.ionic.scss b/core/src/components/select/select.ionic.scss index 1cef7e06e39..af3678d0e15 100644 --- a/core/src/components/select/select.ionic.scss +++ b/core/src/components/select/select.ionic.scss @@ -38,6 +38,12 @@ .select-text { min-width: globals.$ion-space-400; + + color: globals.$ion-text-subtlest; +} + +:host(.has-value) .select-text { + color: globals.$ion-text-default; } // Select Label @@ -208,6 +214,12 @@ .select-icon { transition: transform 0.15s globals.$ion-transition-curve-expressive; + + color: globals.$ion-text-subtlest; +} + +:host(.has-value) .select-icon { + color: globals.$ion-text-subtle; } /** @@ -219,13 +231,15 @@ @include globals.transform(rotate(180deg)); } -.select-icon { - color: globals.$ion-primitives-neutral-800; -} - // States // ---------------------------------------------------------------- +// Fill types +// ---------------------------------------------------------------- +:host(.select-fill-solid) { + --background: #{globals.$ion-bg-input-bold-default}; +} + // Disabled // --------------------------------------------- diff --git a/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index d4e0adc03d8..c9bb51c6f92 100644 Binary files a/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Firefox-linux.png index 28aed88baf7..74eaa816518 100644 Binary files a/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Safari-linux.png index 67e2f627e49..aaad44a36e3 100644 Binary files a/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/test/custom/select.e2e.ts b/core/src/components/select/test/custom/select.e2e.ts index ca82fd86f78..5d3a023e039 100644 --- a/core/src/components/select/test/custom/select.e2e.ts +++ b/core/src/components/select/test/custom/select.e2e.ts @@ -57,6 +57,7 @@ configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ ti