From 2c1d01ba908aae4141911149e1dbbbc7a795082d Mon Sep 17 00:00:00 2001 From: Aleksander Grygier Date: Sun, 27 Sep 2026 11:43:51 +0200 Subject: [PATCH] ui : add a tertiary variant and give secondary its own look back The muted fill belonged to the filter box, but the chat form's add button and the app's cancel buttons share the secondary variant. That look moves to tertiary, which the manage dialog's calls to action use, and secondary returns to the lighter surface it had before. Assisted-by: pi:llama.cpp/DeepSeek-V4.1-Flash --- .../src/lib/components/app/dialogs/DialogManageModels.svelte | 4 ++-- tools/ui/src/lib/components/ui/button/button.svelte | 2 ++ 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/tools/ui/src/lib/components/app/dialogs/DialogManageModels.svelte b/tools/ui/src/lib/components/app/dialogs/DialogManageModels.svelte index e40d43df13..d76f9e59e2 100644 --- a/tools/ui/src/lib/components/app/dialogs/DialogManageModels.svelte +++ b/tools/ui/src/lib/components/app/dialogs/DialogManageModels.svelte @@ -136,7 +136,7 @@ class="gap-1.5" onclick={() => (view = 'discover')} size="sm" - variant="secondary" + variant="tertiary" > @@ -147,7 +147,7 @@ class="gap-1.5" onclick={() => (view = 'providers')} size="sm" - variant="secondary" + variant="tertiary" > diff --git a/tools/ui/src/lib/components/ui/button/button.svelte b/tools/ui/src/lib/components/ui/button/button.svelte index f3bc82d784..b5642098f1 100644 --- a/tools/ui/src/lib/components/ui/button/button.svelte +++ b/tools/ui/src/lib/components/ui/button/button.svelte @@ -27,6 +27,8 @@ outline: 'shadow-sm hover:text-accent-foreground hover:bg-muted-foreground/10 backdrop-blur-sm dark:border-input border', secondary: + 'bg-muted/30 dark:bg-muted-foreground/15 dark:text-secondary-foreground shadow-sm border-muted border text-foreground hover:bg-muted dark:hover:bg-muted-foreground/25', + tertiary: 'bg-muted/60 dark:bg-muted/75 shadow-sm border border-border/30 text-foreground hover:bg-muted/80 dark:border-border/20 dark:hover:bg-muted' } }