Respect prefers-color-scheme on first visit

[Joun-Mikhail]

Summary

On first load (no stored preference), default the theme to the OS prefers-color-scheme instead of a hard-coded default.

Where

src/contexts/ThemeContext.tsx — read window.matchMedia('(prefers-color-scheme: dark)') when no value is in localStorage.

Acceptance criteria

• First visit matches the OS setting.
• An explicit user choice still wins and persists.

Good first issue — small, self-contained, no backend changes.

[LucyJillMurray]

Hi!

I'd like to work on this as my first open-source contribution.

I'll update ThemeContext.tsx to check window.matchMedia('(prefers-color-scheme: dark)') as the fallback when there's no value in localStorage.

Let me know if there's anything else I should be aware of before I start! :)

[Joun-Mikhail]

Thanks! That sounds like the intended behavior Go ahead and submit a PR when you’ve implemented it

…

On Thu 25. 6. 2026 at 9:18, Lucy Murray ***@***.***> wrote: *LucyJillMurray* left a comment (Joun-Mikhail/careerflow#6) <#6 (comment)> Hi! I'd like to work on this as my first open-source contribution. I'll update ThemeContext.tsx to check window.matchMedia('(prefers-color-scheme: dark)') as the fallback when there's no value in localStorage. Let me know if there's anything else I should be aware of before I start! :) — Reply to this email directly, view it on GitHub <#6?email_source=notifications&email_token=BWMHJPNVTQKRMCE6RP2YTLL5BTG3PA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTINZZGY4DAOJWHE4KM4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2KYZTPN52GK4S7MNWGSY3L#issuecomment-4796809698>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BWMHJPMDRT5XYDXIYO3BTOT5BTG3PAVCNFSNUABGKJSXA33TNF2G64TZHMYTENZWGI2DGMZSGI5US43TOVSTWNBXGM4TENJSHEZDBILWAI> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[LucyJillMurray]

Looking at ThemeContext.tsx, resolveInitialTheme already falls back to matchMedia when there's nothing in localStorage, so both acceptance criteria seem to already be met. Should I focus on adding a test to cover this?

[Joun-Mikhail]

Good catch you’re right the fallback logic is already there

Could you add a test for the scenario where there’s no localStorage value and it falls back to matchMedia/prefers-color-scheme? It’d be good to lock that behavior in so it doesn’t accidentally regress later

Happy to review once it’s up!