monadical/opencode
13
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(ui): add button-primary-base variable and use primary variant for Comment button

Browse Source
This commit is contained in:
David Hill
2026-01-23 20:11:33 +00:00
parent ae84e9909a
commit 2daa3652bb
4 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/pages/session.tsx
View File

@@ -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()

2
packages/ui/src/components/button.css
View File

@@ -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);

2
packages/ui/src/styles/theme.css
View File

@@ -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);

2
packages/ui/src/theme/themes/oc-1.json
View File

@@ -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)",