(feat) add theme choser + twilight theme

Author: deR0R0

celerybeat-schedule-shm

@@ -184,6 +184,13 @@ def enable_dark_mode(request):
     """
     return {"dark_mode_enabled": dark_mode_enabled(request)}
 
+def user_theme_choice(request):
+    if request.user.is_authenticated:
+        choice = request.user.theme_properties.theme_choice
+    else:
+        choice = request.COOKIES.get("theme_choice", "light")
+    return {"theme_choice": choice}
+
 
 def oauth_toolkit(request):
     """

celerybeat-schedule-wal

@@ -101,6 +101,22 @@ def __init__(self, user, *args, **kwargs):
             initial=user.dark_mode_properties.dark_mode_enabled, label="Enable dark mode?", required=False
         )
 
+class ThemeForm(forms.Form):
+    THEME_CHOICES = [
+        ("light", "Light Theme"),
+        ("dark", "Dark Theme"),
+        ("twilight", "Twilight Theme"),
+    ]
+
+    def __init__(self, user, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        self.fields["theme_choice"] = forms.ChoiceField(
+            choices=self.THEME_CHOICES,
+            initial=user.theme_properties.theme_choice,
+            label="Select your preferred theme:",
+            required=True
+        )
+
 
 class PhoneForm(forms.ModelForm):
     """Represents a phone number (number + purpose)"""

intranet/apps/context_processors.py

@@ -10,7 +10,7 @@
 from ..auth.decorators import eighth_admin_required
 from ..bus.models import Route
 from ..users.models import Email
-from .forms import BusRouteForm, DarkModeForm, EmailFormset, NotificationOptionsForm, PreferredPictureForm, PrivacyOptionsForm
+from .forms import BusRouteForm, DarkModeForm, ThemeForm, EmailFormset, NotificationOptionsForm, PreferredPictureForm, PrivacyOptionsForm
 
 # from .forms import (BusRouteForm, DarkModeForm, EmailFormset, NotificationOptionsForm, PhoneFormset, PreferredPictureForm, PrivacyOptionsForm,
 #                    WebsiteFormset)
@@ -289,6 +289,17 @@ def save_dark_mode_settings(request, user):
 
     return dark_mode_form
 
+def save_theme_settings(request, user):
+    theme_form = ThemeForm(user, data=request.POST, initial={"theme_choice": user.theme_properties.theme_choice})
+    if theme_form.is_valid():
+        if theme_form.has_changed():
+            user.theme_properties.theme_choice = theme_form.cleaned_data["theme_choice"]
+            user.theme_properties.save()
+            invalidate_obj(request.user.theme_properties)
+            messages.success(request, f"Theme set to {user.theme_properties.theme_choice}")
+
+    return theme_form
+
 
 @login_required
 def preferences_view(request):
@@ -314,7 +325,7 @@ def preferences_view(request):
             privacy_options_form = None
         notification_options_form = save_notification_options(request, user)
 
-        dark_mode_form = save_dark_mode_settings(request, user)
+        theme_form = save_theme_settings(request, user)
 
         for error in errors:
             messages.error(request, error)
@@ -355,7 +366,7 @@ def preferences_view(request):
         notification_options = get_notification_options(user)
         notification_options_form = NotificationOptionsForm(user, initial=notification_options)
 
-        dark_mode_form = DarkModeForm(user, initial={"dark_mode_enabled": user.dark_mode_properties.dark_mode_enabled})
+        theme_form = ThemeForm(user, initial={"theme_choice": user.theme_properties.theme_choice})
 
     context = {
         # "phone_formset": phone_formset,
@@ -365,7 +376,7 @@ def preferences_view(request):
         "privacy_options_form": privacy_options_form,
         "notification_options_form": notification_options_form,
         "bus_route_form": bus_route_form if settings.ENABLE_BUS_APP else None,
-        "dark_mode_form": dark_mode_form,
+        "theme_form": theme_form,
     }
     return render(request, "preferences/preferences.html", context)
 

intranet/apps/preferences/forms.py

@@ -0,0 +1,23 @@
+# Generated by Django 5.2.4 on 2025-10-18 16:00
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('users', '0042_user_seen_april_fools'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='UserThemeProperties',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('theme_choice', models.CharField(default='light_theme', max_length=100)),
+                ('user', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, related_name='theme_properties', to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+    ]

intranet/apps/preferences/views.py

@@ -1095,6 +1095,8 @@ def __getattr__(self, name):
             return UserProperties.objects.get_or_create(user=self)[0]
         elif name == "dark_mode_properties":
             return UserDarkModeProperties.objects.get_or_create(user=self)[0]
+        elif name == "theme_properties":
+            return UserThemeProperties.objects.get_or_create(user=self)[0]
         raise AttributeError(f"{type(self).__name__!r} object has no attribute {name!r}")
 
     def __str__(self):
@@ -1287,6 +1289,17 @@ class UserDarkModeProperties(models.Model):
 
     def __str__(self):
         return str(self.user)
+    
+class UserThemeProperties(models.Model):
+    """
+    Contains user properties relating to themes
+    """
+
+    user = models.OneToOneField(settings.AUTH_USER_MODEL, related_name="theme_properties", on_delete=models.CASCADE)
+    theme_choice = models.CharField(max_length=100, default="light_theme")
+
+    def __str__(self):
+        return str(self.user)
 
 
 class Email(models.Model):

intranet/apps/users/migrations/0043_userthemeproperties.py

@@ -402,6 +402,22 @@
     "dark/oauth",
     "dark/sessionmgmt",
     "dark/logs",
+    "twilight/base",
+    "twilight/nav",
+    "twilight/cke",
+    "twilight/dashboard",
+    "twilight/preferences",
+    "twilight/eighth.signup",
+    "twilight/about",
+    "twilight/login",
+    "twilight/events",
+    "twilight/select",
+    "twilight/enrichment",
+    "twilight/files",
+    "twilight/lostfound",
+    "twilight/polls",
+    "twilight/printing",
+    "twilight/welcome"
 ]
 
 for name in LIST_OF_INDEPENDENT_CSS:
@@ -453,6 +469,7 @@
                 "intranet.apps.context_processors.global_custom_theme",  # Sitewide custom themes (special events, etc)
                 "intranet.apps.context_processors.show_bus_button",
                 "intranet.apps.context_processors.enable_dark_mode",
+                "intranet.apps.context_processors.user_theme_choice",
                 "intranet.apps.context_processors.oauth_toolkit",  # Django OAuth Toolkit-related middleware
                 "intranet.apps.context_processors.settings_export",  # "Exports" django.conf.settings as DJANGO_SETTINGS
                 "intranet.apps.features.context_processors.feature_announcements",  # Feature announcements that need to be shown on the current page

intranet/apps/users/models.py

@@ -0,0 +1,7 @@
+$page_background: #171717;
+$widget_background: #202020;
+$announcement_background: #181818;
+$dark_border: #404040;
+$text_primary: #B7B7B7;
+$text_high_contrast: #FFFFFF;
+$accent_color: #2b7fff;

intranet/settings/__init__.py

@@ -0,0 +1,5 @@
+@use 'colors' as *;
+
+.center {
+    background-color: $page_background;
+}