diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss index adb9cf7f8..348792be8 100644 --- a/src/theme/theme.base.scss +++ b/src/theme/theme.base.scss @@ -570,12 +570,12 @@ ion-toolbar h1 .core-bar-button-image img { // Action sheet. .md ion-action-sheet { .action-sheet-group-cancel { - -webkit-filter: drop-shadow(0px 3px 3px rgba(var(--action-sheet-shadow-color))); - filter: drop-shadow(0px 3px 3px rgba(var(--action-sheet-shadow-color))); + -webkit-filter: drop-shadow(0px 3px 6px rgba(var(--drop-shadow))); + filter: drop-shadow(0px 3px 6px rgba(var(--drop-shadow))); } .action-sheet-title { - border-bottom: 1px solid var(--title-border-color); + border-bottom: 2px solid var(--title-border-color); } } @@ -583,6 +583,10 @@ ion-toolbar h1 .core-bar-button-image img { .action-sheet-title { font-size: 16px; } + + .action-sheet-title { + border-bottom: 2px solid var(--title-border-color); + } } // Radio. diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss index 709e40895..1800dc330 100644 --- a/src/theme/theme.light.scss +++ b/src/theme/theme.light.scss @@ -146,10 +146,11 @@ ion-action-sheet { --button-color: var(--ion-text-color); --button-color-selected: var(--ion-text-color); - --title-border-color: var(--gray); + --title-border-color: var(--brand-color); .action-sheet-title { --color: var(--ion-text-color); + font-weight: bold; } @media (min-height: 500px) {