diff options
| author | Jay V <[email protected]> | 2026-03-24 17:31:57 -0400 |
|---|---|---|
| committer | opencode <[email protected]> | 2026-03-24 22:07:32 +0000 |
| commit | afc4c831eb239d40614d480ddac601862a6cde6d (patch) | |
| tree | bf0ef51f014a26ad03a4d3bd064388e056e7a007 | |
| parent | ec64ceabecd84231bc228c57fcba13d05a7f7492 (diff) | |
| download | opencode-afc4c831eb239d40614d480ddac601862a6cde6d.tar.gz opencode-afc4c831eb239d40614d480ddac601862a6cde6d.zip | |
tweak: use theme tokens for debug bar surface
| -rw-r--r-- | packages/app/src/components/debug-bar.tsx | 8 |
1 files changed, 2 insertions, 6 deletions
diff --git a/packages/app/src/components/debug-bar.tsx b/packages/app/src/components/debug-bar.tsx index cbb24f77b..f4b7a1bc0 100644 --- a/packages/app/src/components/debug-bar.tsx +++ b/packages/app/src/components/debug-bar.tsx @@ -55,7 +55,7 @@ function Cell(props: { bad?: boolean; dim?: boolean; label: string; tip: string; <Tooltip value={props.tip} placement="top"> <div classList={{ - "flex min-h-[42px] w-full min-w-0 flex-col items-center justify-center rounded-[8px] bg-white/5 px-0.5 py-1 text-center": true, + "flex min-h-[42px] w-full min-w-0 flex-col items-center justify-center rounded-[8px] px-0.5 py-1 text-center": true, "col-span-2": !!props.wide, }} > @@ -363,11 +363,7 @@ export function DebugBar() { return ( <aside aria-label={language.t("debugBar.ariaLabel")} - class="pointer-events-auto fixed bottom-3 right-3 z-50 w-[308px] max-w-[calc(100vw-1.5rem)] overflow-hidden rounded-xl border p-0.5 text-text-on-interactive-base shadow-[var(--shadow-lg-border-base)] sm:bottom-4 sm:right-4 sm:w-[324px]" - style={{ - "background-color": "color-mix(in srgb, var(--icon-interactive-base) 42%, black)", - "border-color": "color-mix(in srgb, white 14%, transparent)", - }} + class="pointer-events-auto fixed bottom-3 right-3 z-50 w-[308px] max-w-[calc(100vw-1.5rem)] overflow-hidden rounded-xl border border-border-base bg-surface-raised-stronger-non-alpha p-0.5 text-text-strong shadow-[var(--shadow-lg-border-base)] sm:bottom-4 sm:right-4 sm:w-[324px]" > <div class="grid grid-cols-5 gap-px font-mono"> <Cell |