Skip to content

Commit ee0e40e

Browse files
authored
chore(button): set default solid and submit color (#47)
1 parent d84aa21 commit ee0e40e

File tree

1 file changed

+11
-1
lines changed

1 file changed

+11
-1
lines changed

src/styles/components/ion-button.scss

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -175,9 +175,19 @@ $scaleup-large-icon-only: 1.22;
175175
* fill=solid && type=submit button has edge brightness.
176176
*/
177177
&.button-solid[type='submit'] {
178+
/*
179+
* If not set ion-color-**, button color set primary.
180+
* https://github.com/ionic-team/ionic-framework/blob/main/core/src/components/button/button.scss#L78-L81
181+
*/
182+
--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));
183+
--color-activated: var(--ion-color-primary-brightness);
184+
--border-color: var(--ion-color-primary-brightness, transparent);
185+
--border-width: 0.5px;
186+
--border-style: solid;
187+
178188
@each $item in primary, secondary, tertiary, success, warning, danger, light, medium, dark {
179189
&.ion-color-#{$item} {
180-
--color: var(--ion-color-#{$item}-brightness, var(--ion-color-contrast));
190+
--color: var(--ion-color-#{$item}-brightness, var(--ion-color-#{$item}-contrast, var(--ion-color-contrast)));
181191
--color-activated: var(--ion-color-#{$item}-brightness);
182192
--border-color: var(--ion-color-#{$item}-brightness, transparent);
183193
--border-width: 0.5px;

0 commit comments

Comments
 (0)