templates/profile: Add theme selector to settings

Add a Light/Dark theme selector to the user profile settings box
and persist the preference in localStorage.

Signed-off-by: Andrea Cervesato <andrea.cervesato@mailbox.org>
Assisted-by: Gemini 3.8 Flash

Author: acerv

patchwork/templates/patchwork/profile.html

@@ -120,10 +120,19 @@ <h2>Bundles</h2>
   <div class="box">
     <h2>Settings</h2>
 
-    <form method="post">
+    <form method="post" id="profile-settings-form">
       {% csrf_token %}
       <table class="form">
         {{ profileform }}
+        <tr>
+          <th><label for="theme-select">Theme:</label></th>
+          <td>
+            <select id="theme-select" name="theme">
+              <option value="light">Light</option>
+              <option value="dark">Dark</option>
+            </select>
+          </td>
+        </tr>
         <tr>
           <td></td>
           <td><input type="submit" value="Apply"/></td>
@@ -168,4 +177,36 @@ <h2>Authentication</h2>
 </div>
 
 <p style="clear: both"></p>
+<script>
+  $(document).ready(function() {
+    var themeSelect = document.getElementById('theme-select');
+    if (!themeSelect) {
+      return;
+    }
+    var savedTheme = 'light';
+    try {
+      savedTheme = localStorage.getItem('pw_theme') || 'light';
+    } catch (e) {}
+    themeSelect.value = savedTheme;
+
+    function applySelectedTheme(val) {
+      try {
+        localStorage.setItem('pw_theme', val);
+      } catch (e) {}
+      if (val === 'dark') {
+        document.documentElement.setAttribute('data-theme', 'dark');
+      } else {
+        document.documentElement.removeAttribute('data-theme');
+      }
+    }
+
+    $(themeSelect).change(function() {
+      applySelectedTheme(this.value);
+    });
+
+    $('#profile-settings-form').submit(function() {
+      applySelectedTheme(themeSelect.value);
+    });
+  });
+</script>
 {% endblock %}

patchwork/tests/unit/views/test_user.py

@@ -427,6 +427,11 @@ def test_user_profile_invalid_post(self):
         user_profile = UserProfile.objects.get(user=self.user.id)
         self.assertEqual(user_profile.items_per_page, old_ppp)
 
+    def test_user_profile_theme_setting(self):
+        response = self.client.get(reverse('user-profile'))
+        self.assertContains(response, 'id="theme-select"')
+        self.assertContains(response, 'Theme:')
+
 
 class PasswordChangeTest(_UserTestCase):
     def test_password_change_form(self):