Dark Mode
Dark Mode (2026-04-17): System-aware dark mode across marketing site and dashboard—with persisted preference and accessible contrast ratios.
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
NewSemantic color variables for foreground, surface, and accent.
Theme toggle
NewHeader control on marketing and dashboard shells.
Chart theming
ImprovedRecharts 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.
| Audience | How you benefit |
|---|---|
| Engineers | Faster profile setup, clearer AI answers, less manual rework |
| Recruiters | More complete profiles and reliable share links when candidates use Honestify |
| Founders / hiring managers | Better signal on candidate preparation and skills alignment |
| Platform engineers | Improved 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.
Related Features
This update connects to other Honestify work:
- Related updates: responsive ui improvements, dashboard redesign, new landing page
- Guides: how to learn frontend development, developer productivity, frontend engineer roadmap
- Research: frontend hiring trends, react ecosystem, most active roles on honestify
- Practice questions: challenge solved, project most proud of, tell me about yourself
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.