diff --git a/src/styles/custom-components.css b/src/styles/custom-components.css index 33ad7a98..37147f02 100644 --- a/src/styles/custom-components.css +++ b/src/styles/custom-components.css @@ -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,