🎨 Make time of day usage more distinct

MenuDocs · Feb 18, 2021 · f6a6eee · f6a6eee
1 parent f2b34d8
commit f6a6eee
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/components/Mode/applyMode.js b/components/Mode/applyMode.js
@@ -22,6 +22,7 @@ export default function applyMode (mode) {
 
  const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
  const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
+ const noThemeMediaQueries = !isDarkMode && !isLightMode
 
  if (isDarkMode) render('dark')
  if (isLightMode) render('light')
@@ -30,7 +31,9 @@ export default function applyMode (mode) {
  * 6 AM - 6 PM: Light mode
  * 6 PM - 5 AM: Dark mode
  */
- const hour = new Date().getHours()
- if (hour < 6 || hour >= 18) render('dark')
- else render('light')
+ if (noThemeMediaQueries) {
+ const hour = new Date().getHours()
+ if (hour < 6 || hour >= 18) render('dark')
+ else render('light')
+ }
 }