Describe the bug
When the user selects 'system' as their theme preference, the meta[name='theme-color'] tag always sets its content to '#fff' (light mode color), regardless of the operating system's actual color scheme. This causes the browser address bar / tab bar color to mismatch the actual page theme.
To Reproduce
Steps to reproduce the behavior:
1.Open the app in a browser
2.Set your operating system to dark mode
3.Open the theme switcher dropdown and select System
4.Press F12 to see the meta[name="theme-color"]
<html>
<head>
<meta name="theme-color" content="#fff">
</head>
</html>
Expected behavior
The should be <meta name="theme-color" content="#020817">
Screenshots
Additional context
Add any other context about the problem here.
Describe the bug
When the user selects 'system' as their theme preference, the meta[name='theme-color'] tag always sets its content to '#fff' (light mode color), regardless of the operating system's actual color scheme. This causes the browser address bar / tab bar color to mismatch the actual page theme.
To Reproduce
Steps to reproduce the behavior:
1.Open the app in a browser
2.Set your operating system to dark mode
3.Open the theme switcher dropdown and select System
4.Press F12 to see the meta[name="theme-color"]
Expected behavior
The should be
<meta name="theme-color" content="#020817">Screenshots
Additional context
Add any other context about the problem here.