diff options
| author | David Hill <[email protected]> | 2026-01-23 20:11:33 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-24 06:18:54 +0000 |
| commit | 2daa3652bb74e57153bf00c500f30087e040e73f (patch) | |
| tree | 6217b739a7e0056bae508f10a8b0933918a891b7 /packages | |
| parent | ae84e9909a3318aa840c98c5720b1cd75fbe79df (diff) | |
| download | opencode-2daa3652bb74e57153bf00c500f30087e040e73f.tar.gz opencode-2daa3652bb74e57153bf00c500f30087e040e73f.zip | |
fix(ui): add button-primary-base variable and use primary variant for Comment button
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/app/src/pages/session.tsx | 2 | ||||
| -rw-r--r-- | packages/ui/src/components/button.css | 2 | ||||
| -rw-r--r-- | packages/ui/src/styles/theme.css | 2 | ||||
| -rw-r--r-- | packages/ui/src/theme/themes/oc-1.json | 2 |
4 files changed, 6 insertions, 2 deletions
diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx index b41afb18c..bb6c752d0 100644 --- a/packages/app/src/pages/session.tsx +++ b/packages/app/src/pages/session.tsx @@ -2087,7 +2087,7 @@ export default function Page() { </Button> <Button size="small" - variant="secondary" + variant="primary" disabled={draft().trim().length === 0} onClick={() => { const value = draft().trim() diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index c25b89af9..6922d996f 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -12,7 +12,7 @@ white-space: nowrap; &[data-variant="primary"] { - background-color: var(--icon-strong-base); + background-color: var(--button-primary-base); border-color: var(--border-weak-base); color: var(--icon-invert-base); diff --git a/packages/ui/src/styles/theme.css b/packages/ui/src/styles/theme.css index 8eed18748..e6d0cdb86 100644 --- a/packages/ui/src/styles/theme.css +++ b/packages/ui/src/styles/theme.css @@ -182,6 +182,7 @@ --text-on-brand-weak: var(--smoke-light-alpha-9); --text-on-brand-weaker: var(--smoke-light-alpha-8); --text-on-brand-strong: var(--smoke-light-alpha-12); + --button-primary-base: var(--smoke-light-12); --button-secondary-base: #fdfcfc; --button-secondary-hover: #faf9f9; --border-base: var(--smoke-light-alpha-7); @@ -438,6 +439,7 @@ --text-on-brand-weak: var(--smoke-dark-alpha-9); --text-on-brand-weaker: var(--smoke-dark-alpha-8); --text-on-brand-strong: var(--smoke-dark-alpha-12); + --button-primary-base: var(--smoke-dark-12); --button-secondary-base: #231f1f; --button-secondary-hover: #2a2727; --border-base: var(--smoke-dark-alpha-7); diff --git a/packages/ui/src/theme/themes/oc-1.json b/packages/ui/src/theme/themes/oc-1.json index fe04b1901..11b2c56dd 100644 --- a/packages/ui/src/theme/themes/oc-1.json +++ b/packages/ui/src/theme/themes/oc-1.json @@ -115,6 +115,7 @@ "text-on-brand-weak": "var(--smoke-light-alpha-9)", "text-on-brand-weaker": "var(--smoke-light-alpha-8)", "text-on-brand-strong": "var(--smoke-light-alpha-12)", + "button-primary-base": "var(--smoke-light-12)", "button-secondary-base": "#fdfcfc", "button-secondary-hover": "#faf9f9", "border-base": "var(--smoke-light-alpha-7)", @@ -380,6 +381,7 @@ "text-on-brand-weak": "var(--smoke-dark-alpha-9)", "text-on-brand-weaker": "var(--smoke-dark-alpha-8)", "text-on-brand-strong": "var(--smoke-dark-alpha-12)", + "button-primary-base": "var(--smoke-dark-12)", "button-secondary-base": "#231f1f", "button-secondary-hover": "#2a2727", "border-base": "var(--smoke-dark-alpha-7)", |