agent: components — restyle Card, Toggle, SegmentedButton with brand tokens

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-21 10:44:49 +00:00
parent f1a9fe8383
commit 4bbe9a0a84
3 changed files with 8 additions and 5 deletions
--- a/src/lib/components/SegmentedButton.svelte
+++ b/src/lib/components/SegmentedButton.svelte
@@ -8,8 +8,9 @@
      class="rounded-lg font-medium
        {size === 'small' ? 'px-2.5 py-1 text-[11px]' : 'px-3.5 py-[6px] text-[12px]'}
        {value === option
-          ? 'bg-accent text-white shadow-[0_1px_4px_rgba(232,168,124,0.3)]'
+          ? 'bg-accent text-bg shadow-[0_1px_4px_rgba(232,168,124,0.3)]'
          : 'text-text-secondary hover:text-text hover:bg-hover'}"
+      style="transition-duration: var(--duration-ui)"
      onclick={() => value = option}
    >
      {option}