diff --git a/src/theme/components/ion-checkbox.scss b/src/theme/components/ion-checkbox.scss index 6fb4053a0..37e12ebd5 100644 --- a/src/theme/components/ion-checkbox.scss +++ b/src/theme/components/ion-checkbox.scss @@ -27,6 +27,10 @@ ion-checkbox { &.ios { opacity: var(--mdl-input-disabled-opacity); } + + &::part(container) { + opacity: var(--mdl-input-disabled-opacity); + } } } diff --git a/src/theme/components/ion-item.scss b/src/theme/components/ion-item.scss index 47048d7b3..b4fca69e7 100644 --- a/src/theme/components/ion-item.scss +++ b/src/theme/components/ion-item.scss @@ -103,6 +103,13 @@ div.fake-ion-item { } } +ion-item.item, +ion-item-divider.item { + > ion-label p { + --color: var(--subdued-text-color); + } +} + // Item Headings. // Some styles taken from ion-label ion-item.item > ion-label, @@ -111,7 +118,6 @@ ion-item .in-item { font-size: var(--text-size); p { - --color: var(--subdued-text-color); color: var(--color); @include margin(2px, 0); } diff --git a/src/theme/components/ion-radio.scss b/src/theme/components/ion-radio.scss index ebab14798..51d681179 100644 --- a/src/theme/components/ion-radio.scss +++ b/src/theme/components/ion-radio.scss @@ -68,6 +68,10 @@ ion-radio { &.ios { opacity: var(--mdl-input-disabled-opacity); } + + &::part(container) { + opacity: var(--mdl-input-disabled-opacity); + } } } diff --git a/src/theme/components/ion-select.scss b/src/theme/components/ion-select.scss index 369445f9a..7c177c9b1 100644 --- a/src/theme/components/ion-select.scss +++ b/src/theme/components/ion-select.scss @@ -6,6 +6,9 @@ ion-select { &::part(icon) { opacity: 1; } + [slot=label] { + white-space: normal; + } &.select-disabled { opacity: var(--mdl-input-disabled-opacity); } diff --git a/src/theme/components/ion-spinner.scss b/src/theme/components/ion-spinner.scss index dda00a929..8643f79e5 100644 --- a/src/theme/components/ion-spinner.scss +++ b/src/theme/components/ion-spinner.scss @@ -1,4 +1,7 @@ -ion-spinner, -ion-refresher { +ion-spinner { --color: var(--core-loading-spinner); } + +ion-refresher { + --ion-color-primary: var(--core-loading-spinner); +}