using presets

2026-02-12 09:27:49 -05:00
parent 276732d2a9
commit 0bbb327b29
8 changed files with 259 additions and 271 deletions
--- a/src/components/TabNavigation.tsx
+++ b/src/components/TabNavigation.tsx
@@ -30,18 +30,19 @@ export function TabNavigation(props: TabNavigationProps) {
    >
      <For each={tabs}>
        {(tab) => (
-          <SelectableBox
-            border
-            selected={() => tab.id == props.activeTab}
-            onMouseDown={() => props.onTabSelect(tab.id)}
-          >
-            <SelectableText
-              selected={() => tab.id == props.activeTab}
-              alignSelf="center"
-            >
-              {tab.label}
-            </SelectableText>
-          </SelectableBox>
+           <SelectableBox
+             border
+             selected={() => tab.id == props.activeTab}
+             onMouseDown={() => props.onTabSelect(tab.id)}
+           >
+             <SelectableText
+               selected={() => tab.id == props.activeTab}
+               primary
+               alignSelf="center"
+             >
+               {tab.label}
+             </SelectableText>
+           </SelectableBox>
        )}
      </For>
    </box>