summaryrefslogtreecommitdiffhomepage
path: root/packages/ui
diff options
context:
space:
mode:
authorDavid Hill <[email protected]>2026-02-18 17:32:46 +0000
committerDavid Hill <[email protected]>2026-02-18 20:18:17 +0000
commit1f9be63e962374e2a0c668d8098b4dccb4d0b79a (patch)
treec4109d6364e19384e733feb2e09fc2ec0c1d9546 /packages/ui
parent08739080309bb84be71b5dd30ce6541e1bf9c029 (diff)
downloadopencode-1f9be63e962374e2a0c668d8098b4dccb4d0b79a.tar.gz
opencode-1f9be63e962374e2a0c668d8098b4dccb4d0b79a.zip
tweak(ui): use weak border and base icon color for secondary
Diffstat (limited to 'packages/ui')
-rw-r--r--packages/ui/src/components/button.css4
-rw-r--r--packages/ui/src/components/icon-button.css2
-rw-r--r--packages/ui/src/components/session-review.tsx7
3 files changed, 9 insertions, 4 deletions
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css
index e22c7b298..8219ec92b 100644
--- a/packages/ui/src/components/button.css
+++ b/packages/ui/src/components/button.css
@@ -76,7 +76,7 @@
border: transparent;
background-color: var(--button-secondary-base);
color: var(--text-strong);
- box-shadow: var(--shadow-xs-border);
+ box-shadow: var(--shadow-xs-border-base);
&:hover:not(:disabled) {
background-color: var(--button-secondary-hover);
@@ -104,7 +104,7 @@
}
[data-slot="icon-svg"] {
- color: var(--icon-strong-base);
+ color: var(--icon-base);
}
}
diff --git a/packages/ui/src/components/icon-button.css b/packages/ui/src/components/icon-button.css
index 01c555bfc..de8aeb9d4 100644
--- a/packages/ui/src/components/icon-button.css
+++ b/packages/ui/src/components/icon-button.css
@@ -45,7 +45,7 @@
border: transparent;
background-color: var(--button-secondary-base);
color: var(--text-strong);
- box-shadow: var(--shadow-xs-border);
+ box-shadow: var(--shadow-xs-border-base);
&:hover:not(:disabled) {
background-color: var(--button-secondary-hover);
diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx
index 6ab922262..1fdc2ede1 100644
--- a/packages/ui/src/components/session-review.tsx
+++ b/packages/ui/src/components/session-review.tsx
@@ -306,7 +306,12 @@ export const SessionReview = (props: SessionReviewProps) => {
/>
</Show>
<Show when={hasDiffs()}>
- <Button size="normal" icon="chevron-grabber-vertical" onClick={handleExpandOrCollapseAll}>
+ <Button
+ size="small"
+ icon="chevron-grabber-vertical"
+ class="w-[110px] justify-start"
+ onClick={handleExpandOrCollapseAll}
+ >
<Switch>
<Match when={open().length > 0}>{i18n.t("ui.sessionReview.collapseAll")}</Match>
<Match when={true}>{i18n.t("ui.sessionReview.expandAll")}</Match>