feat: force design theme (#308)

lukasvinclav · web-flow · commit f1e4dd079f49 · 2024-03-11T11:24:28.000+01:00
diff --git a/README.md b/README.md
@@ -175,6 +175,7 @@ UNFOLD = {
     "SHOW_VIEW_ON_SITE": True, # show/hide "View on site" button, default: True
     "ENVIRONMENT": "sample_app.environment_callback",
     "DASHBOARD_CALLBACK": "sample_app.dashboard_callback",
+    "THEME": "dark", # Force theme: "dark" or "light". Will disable theme switcher
     "LOGIN": {
         "image": lambda request: static("sample/login-bg.jpg"),
         "redirect_after": lambda request: reverse_lazy("admin:APP_MODEL_changelist"),
diff --git a/src/unfold/sites.py b/src/unfold/sites.py
@@ -78,6 +78,7 @@ def each_context(self, request: HttpRequest) -> Dict[str, Any]:
                     self._get_value(style, request)
                     for style in get_config(self.settings_name)["STYLES"]
                 ],
+                "theme": get_config(self.settings_name).get("THEME"),
                 "scripts": [
                     self._get_value(script, request)
                     for script in get_config(self.settings_name)["SCRIPTS"]
diff --git a/src/unfold/templates/unfold/helpers/userlinks.html b/src/unfold/templates/unfold/helpers/userlinks.html
@@ -7,7 +7,9 @@
                 {% include "unfold/helpers/label.html" with text=environment.0 type=environment.1 %}
             {% endif %}
 
-            {% include "unfold/helpers/theme_switch.html" %}
+            {% if not theme %}
+                {% include "unfold/helpers/theme_switch.html" %}
+            {% endif %}
 
             {% include "unfold/helpers/account_links.html" %}
         </div>
diff --git a/src/unfold/templates/unfold/layouts/skeleton.html b/src/unfold/templates/unfold/layouts/skeleton.html
@@ -12,7 +12,7 @@
 {% capture as actions_items silent %}{% block actions-items %}{% endblock %}{% endcapture %}
 
 <!DOCTYPE html>
-<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" dir="{{ LANGUAGE_BIDI|yesno:"rtl,ltr,auto" }}" x-data="{ adminTheme: $persist('auto').as('adminTheme') }" x-bind:class="{'dark': adminTheme === 'dark' || (adminTheme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)}" x-cloak>
+<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" dir="{{ LANGUAGE_BIDI|yesno:"rtl,ltr,auto" }}" {% if theme %}class="{{ theme }}"{% else %}x-data="{ adminTheme: $persist('auto').as('adminTheme') }" x-bind:class="{'dark': adminTheme === 'dark' || (adminTheme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)}" x-cloak{% endif %}>
 
 <head>
     <title>{% block title %}{% endblock %}</title>
