refactor(kon): add design tokens — radius scale, title size, button component classes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
jake
2026-03-17 02:17:25 +00:00
parent b9178f8117
commit 8b34fed606
6 changed files with 33 additions and 21 deletions

View File

@@ -178,7 +178,7 @@
</div>
<div class="flex-1"></div>
<button
class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[12px] text-text-secondary hover:bg-hover hover:text-text"
class="flex items-center gap-1.5 btn-md rounded-lg text-text-secondary hover:bg-hover hover:text-text"
onclick={popOutTasks}
aria-label="Pop out task window"
>
@@ -234,7 +234,7 @@
<div class="flex items-center gap-1 px-7 pb-3">
{#each buckets as bucket}
<button
class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[12px] transition-colors
class="flex items-center gap-1.5 btn-md rounded-lg transition-colors
{activeBucket === bucket.id
? 'bg-nav-active text-text font-medium'
: 'text-text-secondary hover:bg-hover hover:text-text'}"