feature #31919 [WebProfilerBundle] Select default theme based on user preferences (javiereguiluz)

fabpot · fabpot · commit cc1fc5bc8162 · 2019-06-11T10:38:12.000+02:00
This PR was merged into the 4.4 branch. Discussion ---------- [WebProfilerBundle] Select default theme based on user preferences | Q | A | ------------- | --- | Branch? | 4.4 | Bug fix? | no | New feature? | yes | BC breaks? | no  | Deprecations? | no  | Tests pass? | yes  | Fixed tickets | - | License | MIT | Doc PR | (not needed) This is the same we recently added to symfony.com website. It works on latest versions of Firefox and Safari only (Chrome will add support soon). Commits ------- 0fc0a34 [WebProfilerBundle] Select default theme based on user preferences
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base.html.twig
@@ -14,8 +14,11 @@
         {% endblock %}
     </head>
     <body>
-        <script async>
-            document.body.classList.add(localStorage.getItem('symfony/profiler/theme') || 'theme-light', localStorage.getItem('symfony/profiler/width') || 'width-normal');
+        <script>
+            document.body.classList.add(
+                localStorage.getItem('symfony/profiler/theme') || (matchMedia('(prefers-color-scheme: dark)').matches ? 'theme-dark' : 'theme-light'),
+                localStorage.getItem('symfony/profiler/width') || 'width-normal'
+            );
         </script>
 
         {% block body '' %}
