feat(ui): reintroduce subtle blue accents on greyscale frontend (#1555)

Restore a subtle blue --ui-accent token (driving send/stop buttons and
accent spots), the blue git status indicators for renamed/copied files,
and color the thread-list diff stat badge. Keeps the overall greyscale
aesthetic with tasteful blue/green/red accents.

Co-authored-by: open-swe[bot] <open-swe@users.noreply.github.com>
This commit is contained in:
Johannes du Plessis 2026-06-16 19:41:19 -07:00 • committed by GitHub
parent 2f3ce90234
commit 3945757592
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 7 additions and 7 deletions

View file

@ -418,7 +418,7 @@ function ThreadRow({
</PrIcon>
)}
{badge && (
<span className="shrink-0 rounded bg-[var(--ui-panel-2)] px-1.5 py-0.5 text-[10px] text-[var(--ui-text-dim)] group-hover:hidden">
<span className="shrink-0 rounded bg-[var(--ui-panel-2)] px-1.5 py-0.5 text-[10px] text-[var(--ui-success)] group-hover:hidden">
{badge}
</span>
)}

View file

@ -37,7 +37,7 @@ function PlainSubmitButton({ canSubmit, submitting, onSubmit }: SubmitButtonProp
onClick={onSubmit}
disabled={!canSubmit}
aria-label="Send message"
className="shrink-0 rounded-full bg-[var(--ui-text)] text-[var(--ui-bg)] hover:bg-[var(--ui-text)] hover:opacity-90 disabled:cursor-default disabled:opacity-40"
className="shrink-0 rounded-full bg-[var(--ui-accent)] text-white hover:bg-[var(--ui-accent)] hover:opacity-90 disabled:cursor-default disabled:opacity-40"
>
{submitting ? (
<LoaderCircle className="size-3.5 animate-spin" />
@ -87,7 +87,7 @@ function StreamSubmitButton(props: SubmitButtonProps) {
disabled={stopping}
aria-label="Stop run"
title="Stop run"
className="shrink-0 rounded-full bg-[var(--ui-text)] text-[var(--ui-bg)] hover:bg-[var(--ui-text)] hover:opacity-90 disabled:cursor-default disabled:opacity-40"
className="shrink-0 rounded-full bg-[var(--ui-accent)] text-white hover:bg-[var(--ui-accent)] hover:opacity-90 disabled:cursor-default disabled:opacity-40"
>
{stopping ? (
<LoaderCircle className="size-3.5 animate-spin" />

View file

@ -50,8 +50,8 @@ const STATUS_COLORS: Partial<Record<GitFileStatus, string>> = {
"index-modified": "text-yellow-400",
"index-added": "text-green-400",
"index-deleted": "text-red-400",
"index-renamed": "text-gray-400",
"index-copied": "text-gray-400",
"index-renamed": "text-blue-400",
"index-copied": "text-blue-400",
modified: "text-yellow-400",
deleted: "text-red-400",
untracked: "text-green-400",

View file

@ -8,7 +8,7 @@
--ui-text: oklch(0.148 0 0);
--ui-text-muted: oklch(0.45 0 0);
--ui-text-dim: oklch(0.56 0 0);
--ui-accent: oklch(0.44 0 0);
--ui-accent: oklch(0.52 0.12 250);
--ui-accent-2: oklch(0.56 0 0);
--ui-accent-bubble: oklch(0.962 0 0);
--ui-code-bubble: oklch(0.962 0 0);
@ -29,7 +29,7 @@
--ui-text: oklch(0.985 0 0);
--ui-text-muted: oklch(0.708 0 0);
--ui-text-dim: oklch(0.556 0 0);
--ui-accent: oklch(0.78 0 0);
--ui-accent: oklch(0.72 0.13 250);
--ui-accent-2: oklch(0.708 0 0);
--ui-accent-bubble: oklch(0.274 0 0);
--ui-code-bubble: oklch(0.248 0 0);