Skip to content

fix(dashboard): RoutinesPage create button uses old CSS var names (--color-accent, --color-bg) #4067

@OneStepAt4time

Description

@OneStepAt4time

Bug

RoutinesPage create button uses old/outdated CSS variable references that don't exist in the current design token system:

File: dashboard/src/pages/RoutinesPage.tsx

className="inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-[var(--color-accent)] hover:bg-[var(--color-accent)] text-white text-sm font-medium transition-colors focus-visible:outline-none focus:ring-2 focus:ring-[var(--color-accent)] focus:ring-offset-2 focus:ring-offset-[var(--color-bg)]"

The current token system uses --color-accent-cyan not --color-accent, and --color-void not --color-bg.

This appears in BOTH the empty state and populated state renders (lines 81-87 and 106-112).

Impact: Create Routine button may not render correctly — colors fall back to browser defaults or are invisible.

Acceptance criteria:

  • Replace --color-accent--color-accent-cyan)
  • Replace --color-bg--color-void)
  • Test in both themes

Labels: dashboard, bug

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2bugSomething isn't workingdashboardreleasedIncluded in a published releasetests

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions