fix: system dark mode support

unfoldadmin · Jun 8, 2023 · 3c6fe43 · 3c6fe43
1 parent 0d0af5c
commit 3c6fe43
Showing 1 changed file with 1 addition and 1 deletion.
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="adminTheme && adminTheme" x-cloak>
+<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>
 
 <head>
     <title>{% block title %}{% endblock %}</title>