Skip to content

Issue 072: Ensure ThemeToggle and CSS variables remain accessible for contrast-sensitive views #867

Description

@orunganiekan

Category: Frontend
Complexity: 200 points
Labels: frontend, wave-200

Context

useTheme, ThemeToggle, and index.css theming exist; root script audit:contrast currently aliases typecheck only.

Problem

Critical status colors (overdue, paused, errors) may fail contrast in one theme.

Goal

Audit status color tokens for light/dark, fix variables, and add a lightweight contrast check test or script meaningful beyond typecheck.

Scope

Includes: CSS variable fixes + tests/script.
Does NOT include: full design system rewrite.

Implementation Guidelines

  • Files: index.css, ThemeToggle.tsx, status components, optionally package script.

Acceptance Criteria

  • Status colors meet agreed contrast target
  • Toggle persists
  • Test/script fails on regressions

Validation

Run new contrast check + Vitest theme tests.

PR Expectations

The PR should include:

  • Token fixes + check


Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    frontendwave-200200-point contribution wave issue

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions