Fix blinking UI mode

MTG · Nov 2, 2023 · b9dc608 · b9dc608
1 parent f3eab1b
commit b9dc608
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/freesound/context_processor.py b/freesound/context_processor.py
@@ -80,7 +80,7 @@ def context_extra(request):
             'next_path': request.GET.get('next', request.get_full_path()),
             'login_form': BwFsAuthenticationForm(),  # Used for beast whoosh login modal only
             'problems_logging_in_form': BwProblemsLoggingInForm(),  # Used for beast whoosh login modal only
-            'system_prefers_dark_theme': request.COOKIES.get('systemPrefersDarkTheme', False)  # Determine the user's system preference for dark/light theme (for non authenticated users, always use light theme)
+            'system_prefers_dark_theme': request.COOKIES.get('systemPrefersDarkTheme', 'no') == 'yes'  # Determine the user's system preference for dark/light theme (for non authenticated users, always use light theme)
         })
 
     return tvars
diff --git a/templates_bw/base.html b/templates_bw/base.html
@@ -17,11 +17,11 @@
     {% elif request.user.profile.ui_theme_preference == 'd' %}
     <link id="style" rel="stylesheet" href="{% static 'bw-frontend/dist/index-dark.css' %}" data-forced-theme="yes">
     {% else %}
-    {% if system_prefers_dark_theme %}
-    <link id="style" rel="stylesheet" href="{% static 'bw-frontend/dist/index-dark.css' %}">
-    {% else %}
-    <link id="style" rel="stylesheet" href="{% static 'bw-frontend/dist/index.css' %}">
-    {% endif %}
+      {% if system_prefers_dark_theme %}
+      <link id="style" rel="stylesheet" href="{% static 'bw-frontend/dist/index-dark.css' %}">
+      {% else %}
+      <link id="style" rel="stylesheet" href="{% static 'bw-frontend/dist/index.css' %}">
+      {% endif %}
     {% endif %}
   </head>
   <body>