Skip to content

Styling: Add .destructive class for button.text-button#870

Merged
danirabbit merged 9 commits intomainfrom
wpkelso/styles/button-destructive
Apr 2, 2026
Merged

Styling: Add .destructive class for button.text-button#870
danirabbit merged 9 commits intomainfrom
wpkelso/styles/button-destructive

Conversation

@wpkelso
Copy link
Copy Markdown
Member

@wpkelso wpkelso commented May 23, 2025

image

Image excluded for now because I don't believe there is a precedent style.

@wpkelso wpkelso requested a review from a team May 23, 2025 18:30
Comment thread lib/Styles/Granite/_classes.scss Outdated
@wpkelso wpkelso force-pushed the wpkelso/styles/button-destructive branch from acfeea0 to f6bb826 Compare June 30, 2025 17:51
@wpkelso wpkelso requested a review from danirabbit June 30, 2025 18:02
@danirabbit
Copy link
Copy Markdown
Member

I don't think this works in the dark style:

Screenshot from 2025-07-01 11 51 56

Compared to the old stylesheet:

Screenshot from 2025-07-01 11 53 18

@wpkelso
Copy link
Copy Markdown
Member Author

wpkelso commented Jul 1, 2025

@danirabbit Ah, you're right, I totally didn't check that. Should probably just use SILVER_100 foreground for both cases? I'm afk right now so I can't verify that provides sufficient contrast for dark mode as well, but if it doesn't then we might need to modify the dark mode error color

@danirabbit
Copy link
Copy Markdown
Member

@wpkelso in the old stylesheet we just use white

Comment thread lib/Styles/Granite/Button.scss Outdated
text-shadow: none;

&:active {
background-color: mix($error_color, $BLACK_900, 90%);
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We never want to mix with black because it makes colors muddy and reduces saturation. When colors get darker they should get more saturated. So it would be better to mix with Strawberry 700 or 900

Comment thread lib/Styles/Granite/Button.scss
@wpkelso wpkelso requested a review from danirabbit March 25, 2026 17:58
@danirabbit danirabbit merged commit 0082672 into main Apr 2, 2026
5 checks passed
@danirabbit danirabbit deleted the wpkelso/styles/button-destructive branch April 2, 2026 17:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants