[object Object]

← back to Exo

fix: improve text contrast on HOME and DOWNLOADS nav links (#1609)

b65982ddd70b565a513a783dfd25f43be4348087 · 2026-02-24 05:48:40 -0800 · Alex Cheema

## Motivation

Follow-up to #1601 (downloads page contrast fix). The HOME and DOWNLOADS
navigation links in the top-right header use `text-exo-light-gray`
(`oklch(0.6 0 0)`) which is too dim against the dark header background.

## Changes

Changed both nav links in `HeaderNav.svelte` from `text-exo-light-gray`
to `text-white/70` for better visibility. Hover state
(`text-exo-yellow`) is unchanged.

## Why It Works

`text-white/70` provides noticeably better contrast against
`bg-exo-dark-gray` while still looking subdued relative to the yellow
accent color on hover. This is consistent with the approach used in
#1601.

## Test Plan

### Manual Testing
- Verified both links are clearly readable on the home page and
downloads page
- Hover state still transitions to yellow as expected

### Automated Testing
- Dashboard builds successfully

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Files touched

Diff

commit b65982ddd70b565a513a783dfd25f43be4348087
Author: Alex Cheema <41707476+AlexCheema@users.noreply.github.com>
Date:   Tue Feb 24 05:48:40 2026 -0800

    fix: improve text contrast on HOME and DOWNLOADS nav links (#1609)
    
    ## Motivation
    
    Follow-up to #1601 (downloads page contrast fix). The HOME and DOWNLOADS
    navigation links in the top-right header use `text-exo-light-gray`
    (`oklch(0.6 0 0)`) which is too dim against the dark header background.
    
    ## Changes
    
    Changed both nav links in `HeaderNav.svelte` from `text-exo-light-gray`
    to `text-white/70` for better visibility. Hover state
    (`text-exo-yellow`) is unchanged.
    
    ## Why It Works
    
    `text-white/70` provides noticeably better contrast against
    `bg-exo-dark-gray` while still looking subdued relative to the yellow
    accent color on hover. This is consistent with the approach used in
    #1601.
    
    ## Test Plan
    
    ### Manual Testing
    - Verified both links are clearly readable on the home page and
    downloads page
    - Hover state still transitions to yellow as expected
    
    ### Automated Testing
    - Dashboard builds successfully
    
    ---------
    
    Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
---
 dashboard/src/lib/components/HeaderNav.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/lib/components/HeaderNav.svelte b/dashboard/src/lib/components/HeaderNav.svelte
index 7f26c59d..99f57b14 100644
--- a/dashboard/src/lib/components/HeaderNav.svelte
+++ b/dashboard/src/lib/components/HeaderNav.svelte
@@ -95,7 +95,7 @@
     {#if showHome}
       <button
         onclick={handleHome}
-        class="text-sm text-exo-light-gray hover:text-exo-yellow transition-colors tracking-wider uppercase flex items-center gap-2 cursor-pointer"
+        class="text-sm text-white/70 hover:text-exo-yellow transition-colors tracking-wider uppercase flex items-center gap-2 cursor-pointer"
         title="Back to topology view"
       >
         <svg
@@ -116,7 +116,7 @@
     {/if}
     <a
       href="/#/downloads"
-      class="text-sm text-exo-light-gray hover:text-exo-yellow transition-colors tracking-wider uppercase flex items-center gap-2 cursor-pointer"
+      class="text-sm text-white/70 hover:text-exo-yellow transition-colors tracking-wider uppercase flex items-center gap-2 cursor-pointer"
       title="View downloads overview"
     >
       {#if downloadProgress}

← 2fe68931 download .model files in exo bench (#1607)  ·  back to Exo  ·  fix: sync model selectors between sidebar and chat input (#1 2b417f28 →