mirror of
https://github.com/Sea-Haven-Industries/open-swe.git
synced 2026-09-30 10:23:14 +00:00
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:
parent
2f3ce90234
commit
3945757592
4 changed files with 7 additions and 7 deletions
|
|
@ -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>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -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" />
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue