diff options
| author | David Hill <[email protected]> | 2025-10-31 17:02:12 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2025-10-31 17:02:12 +0000 |
| commit | 16f5e16395544298a6638f6fc7831720a4ab878d (patch) | |
| tree | db1d0d5684b5a01cb5389312c19d3478feb6d8f3 /packages/ui/src/components | |
| parent | 5379abe33004f5fa7f63a5cee86ec442dc58d3a1 (diff) | |
| download | opencode-16f5e16395544298a6638f6fc7831720a4ab878d.tar.gz opencode-16f5e16395544298a6638f6fc7831720a4ab878d.zip | |
wip: Tweaking button styles
Diffstat (limited to 'packages/ui/src/components')
| -rw-r--r-- | packages/ui/src/components/button.css | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index d052b7fd1..112d648e6 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -7,6 +7,7 @@ border-radius: 6px; text-decoration: none; user-select: none; + outline: none; &[data-variant="primary"] { border-color: var(--border-base); @@ -28,22 +29,26 @@ } &[data-variant="secondary"] { - border-color: transparent; + border: transparent; background-color: var(--button-secondary-base); color: var(--text-strong); box-shadow: var(--shadow-xs-border); &:hover:not(:disabled) { - border-color: var(--border-hover); - background-color: var(--surface-hover); + background-color: var(--button-secondary-hover); } &:active:not(:disabled) { - border-color: var(--border-active); - background-color: var(--surface-active); + background-color: var(--button-secondary-base); } &:focus:not(:disabled) { - border-color: var(--border-focus); - background-color: var(--surface-focus); + background-color: var(--button-secondary-base); + } + &:focus-visible:not(:active) { + background-color: var(--button-secondary-base); + box-shadow: var(--shadow-xs-border-focus); + } + &:focus-visible:active { + box-shadow: none; } [data-slot="icon"] { |