Skip to content

Commit

Permalink
feat: Invert button group icons for better contrast (#352)
Browse files Browse the repository at this point in the history
* npm audit fix

* add more prominant active state for button groups

* try the focus on the outside

* 0.0.10

* 0.0.11

* Revert "0.0.11"

This reverts commit 8c26b03.

# Conflicts:
#	package-lock.json
#	package.json

* revert version change

* revert version change

* lint

* revert

* scope css
  • Loading branch information
abovedave authored Oct 1, 2024
1 parent 8ce7668 commit 5cea909
Showing 1 changed file with 11 additions and 0 deletions.
11 changes: 11 additions & 0 deletions src/styles/custom-components.css
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,17 @@
color: var(--black-600) !important;
}

.s-btn-group .s-btn--radio:checked + .s-editor-btn {
background: var(--black-500) !important;
color: var(--white) !important;
}

.s-btn-group .s-btn--radio:focus-visible + .s-editor-btn {
box-shadow:
0 0 0 var(--su-static2) var(--focus-neutral),
0 0 0 var(--su-static4) var(--focus-theme);
}

/*
NOTE: These focus-visible styles exist to override the Stacks styles for editor buttons.
Since the editor buttons require the focus rings to be applied outside of the button,
Expand Down

0 comments on commit 5cea909

Please sign in to comment.