Skip to content

Studio: Borders don't have correct colors in dark mode #2885

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
katinthehatsite merged 2 commits into from
Mar 24, 2026
Merged

Studio: Borders don't have correct colors in dark mode #2885

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8257b1a
Add rule for buttons borders
Mar 24, 2026
9f92b2d
Improve comment
Mar 24, 2026
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions apps/studio/src/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -436,6 +436,11 @@ div:has( > progress ) > div:first-child {
background: var( --color-frame-tab-active );
}

/* Secondary button border — !important overrides WP CSS loaded after app CSS. */
.components-button.is-secondary:not( :focus-visible ) {
box-shadow: inset 0 0 0 1px var( --color-frame-border ) !important;
}

/* Buttons — tertiary/link get secondary text, hover brightens */
.components-button.is-tertiary,
.components-button.is-link:not( .is-destructive ) {
Expand Down
Loading