Honestify
← Back
UI/UXv2.0.0

Dark Mode

Dark Mode (2026-04-17): System-aware dark mode across marketing site and dashboard—with persisted preference and accessible contrast ratios.

·3 min read·Honestify Engineering

Feature area: Dark Mode

On this page

This release covers Dark Mode Version 2.0.0, shipped 2026-04-17. Status: shipped. No breaking changes.

Summary

System-aware dark mode across marketing site and dashboard—with persisted preference and accessible contrast ratios.

Engineers using Honestify at night faced bright white dashboards; no theme toggle existed. CSS variable theming, prefers-color-scheme default, and manual override stored in localStorage.

What Changed

Theme tokens

New

Semantic color variables for foreground, surface, and accent.

Theme toggle

New

Header control on marketing and dashboard shells.

Chart theming

Improved

Recharts and MDX components respect active theme.

  • Theme tokens — Semantic color variables for foreground, surface, and accent.
  • Theme toggle — Header control on marketing and dashboard shells.
  • Chart theming — Recharts and MDX components respect active theme.

Why We Built It

Engineers using Honestify at night faced bright white dashboards; no theme toggle existed.

We prioritized this work because AI quality feedback correlated with missing context in this surface. The fix needed to be durable—not a patch—so we addressed root causes in Dark Mode rather than symptoms alone.

Engineers, recruiters, and hiring managers all benefit when Honestify behaves predictably in production. This release reflects that bar.

User Impact

Dark mode adoption 44% of returning users; accessibility contrast audits passed WCAG AA.

AudienceHow you benefit
EngineersFaster profile setup, clearer AI answers, less manual rework
RecruitersMore complete profiles and reliable share links when candidates use Honestify
Founders / hiring managersBetter signal on candidate preparation and skills alignment
Platform engineersImproved observability and clearer error surfaces

Relevant skills: react, typescript, css. Target roles: frontend engineer, full stack engineer.

Technical Highlights

  • next-themes with suppressHydrationWarning
  • Tailwind dark: variant on all UI primitives
  • Per-component snapshot tests in both themes
  • No flash on load via inline script

Changes covered by integration tests and Playwright smoke paths on critical user journeys.

Before

Dark Mode: before vs after

Before

Light theme only; harsh contrast in low-light environments.

After

Light, dark, and system settings with consistent component tokens.

Users moving from the previous experience should notice light, dark, and system settings with consistent component tokens.

Screenshots

Future Improvements

What we are building next

  • High-contrast accessibility theme
  • Per-user server-side theme sync
  • Syntax highlighting theme in MDX code blocks

Known limitations

  • · Some third-party embeds remain light-only

Feedback welcome: Reply via in-app feedback or support—especially if you hit edge cases we did not cover in this release.

This update connects to other Honestify work:

Create your own AI profile

Upload your resume, add expertise, and share a profile link beside LinkedIn so recruiters can ask follow-up questions before the interview.

Create your AI profileUpload your resume