diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss index 74a6f739d..cfd6a58fa 100644 --- a/src/theme/theme.base.scss +++ b/src/theme/theme.base.scss @@ -382,17 +382,21 @@ ion-alert.core-nohead { } } -ion-alert .alert-wrapper { - overflow: auto; -} +ion-alert { + --border-radius: var(--huge-radius); + .alert-wrapper { + overflow: auto; + border-radius: var(--border-radius) !important; -ion-alert .alert-message { - user-select: text; - flex-shrink: 0; -} + button.alert-button { + color: var(--primary); + } + } -ion-alert .alert-wrapper button.alert-button { - color: var(--primary); + .alert-message { + user-select: text; + flex-shrink: 0; + } } // Ionic list. @@ -844,7 +848,7 @@ ion-select-popover ion-item.core-select-option-title { ion-chip { line-height: 1.1; - border-radius: var(--big-radius); + border-radius: var(--medium-radius); @include padding-horizontal(16px); } diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss index ee6036013..6d0ff6d15 100644 --- a/src/theme/theme.light.scss +++ b/src/theme/theme.light.scss @@ -105,7 +105,9 @@ --subdued-text-color: #595959; --small-radius: 4px; - --big-radius: 8px; + --medium-radius: 8px; + --big-radius: 16px; + --huge-radius: 24px; --ion-card-color: var(--text-color); ion-card { @@ -113,7 +115,7 @@ --border-style: solid; --border-color: var(--stroke); --box-shadow: none; - --border-radius: var(--big-radius); + --border-radius: var(--medium-radius); } --text-hightlight-background-color: #{$core-text-hightlight-background-color}; @@ -181,7 +183,7 @@ height: var(--a11y-min-target-size); border: 1px solid var(--stroke); box-shadow: none; - border-radius: var(--big-radius); + border-radius: var(--medium-radius); } } @@ -282,7 +284,7 @@ --core-combobox-color: var(--gray-900); --core-combobox-border-color: var(--stroke); --core-combobox-border-width: 1px; - --core-combobox-radius: var(--big-radius); + --core-combobox-radius: var(--medium-radius); --core-combobox-box-shadow: none; --selected-item-color: var(--primary);