✨ Customize (more) the admin page

.idea/runConfigurations/Start_sophon_backend.xml

@@ -27,6 +27,7 @@
       <env name="DJANGO_DOCKER_TLS_VERIFY" value="" />
       <env name="DJANGO_DOCKER_CERT_PATH" value="" />
       <env name="DJANGO_SETTINGS_MODULE" value="sophon.settings" />
+      <env name="DJANGO_SECRET_KEY" value="development" />
     </envs>
     <option name="SDK_HOME" value="$USER_HOME$/.cache/pypoetry/virtualenvs/sophon-rpVYiJ6v-py3.9/bin/python" />
     <option name="WORKING_DIRECTORY" value="$PROJECT_DIR$" />

backend/Backend (Django).iml

@@ -23,5 +23,10 @@
   </component>
   <component name="TemplatesService">
     <option name="TEMPLATE_CONFIGURATION" value="Django" />
+    <option name="TEMPLATE_FOLDERS">
+      <list>
+        <option value="$MODULE_DIR$/sophon/templates" />
+      </list>
+    </option>
   </component>
 </module>

backend/sophon/admin.py

@@ -0,0 +1,20 @@
+import django.contrib.admin.apps
+
+
+class SophonAdminConfig(django.contrib.admin.apps.AdminConfig):
+    """
+    Customized administration site config.
+    """
+    default_site = "sophon.admin.SophonAdminSite"
+
+
+class SophonAdminSite(django.contrib.admin.AdminSite):
+    """
+    Customized administration site.
+    """
+
+    site_header = "Sophon Server Administration"
+    site_title = "Sophon Server Administration"
+    site_url = None
+
+    index_title = "Resources Administration"

backend/sophon/core/admin.py

@@ -1,15 +1,18 @@
-from django.contrib import admin
+import django.contrib.admin
+import django.contrib.auth.models
 
 from . import models
 
+django.contrib.admin.site.unregister(django.contrib.auth.models.Group)
 
-class SophonAdmin(admin.ModelAdmin):
+
+class SophonAdmin(django.contrib.admin.ModelAdmin):
     """
     Base :class:`django.contrib.admin.ModelAdmin` class from which all other admin classes inherit.
     """
 
 
-@admin.register(models.SophonInstanceDetails)
+@django.contrib.admin.register(models.SophonInstanceDetails)
 class SophonInstanceDetails(SophonAdmin):
     list_display = (
         "name",
@@ -28,7 +31,7 @@ class SophonInstanceDetails(SophonAdmin):
         return False
 
 
-@admin.register(models.ResearchGroup)
+@django.contrib.admin.register(models.ResearchGroup)
 class ResearchGroupAdmin(SophonAdmin):
     list_display = (
         "slug",

backend/sophon/settings.py

@@ -265,7 +265,7 @@ BASE_DIR = pathlib.Path(__file__).resolve().parent.parent
 
 # Define the installed django apps
 INSTALLED_APPS = [
-    'django.contrib.admin',
+    'sophon.admin.SophonAdminConfig',
     'django.contrib.auth',
     'django.contrib.contenttypes',
     'django.contrib.sessions',
@@ -299,7 +299,9 @@ ROOT_URLCONF = 'sophon.urls'
 TEMPLATES = [
     {
         'BACKEND': 'django.template.backends.django.DjangoTemplates',
-        'DIRS': [],
+        'DIRS': [
+            BASE_DIR / "sophon" / "templates"
+        ],
         'APP_DIRS': True,
         'OPTIONS': {
             'context_processors': [

backend/sophon/templates/admin/base.html

@@ -0,0 +1,56 @@
+{% extends 'admin/base.html' %}
+
+{% block extrahead %}
+    <style>
+        :root {
+            --body-fg: rgb(45, 154, 255);
+            --body-bg: rgb(0, 0, 20);
+            --body-quiet-color: rgb(34, 115, 191);
+            --body-loud-color: rgb(255, 255, 255);
+
+            --primary: rgb(2, 10, 34);
+            --primary-fg: rgb(45, 154, 255);
+
+            --secondary: rgb(5, 24, 54);
+
+            --accent: rgb(255, 255, 255);
+
+            --darkened-bg: var(--primary);
+            --hairline-color: var(--secondary);
+            --border-color: var(--secondary);
+            --button-bg: var(--secondary);
+            --button-hover-bg: rgba(45, 154, 255, 0.2);
+            --close-button-bg: var(--secondary);
+            --close-button-hover-bg: rgba(45, 154, 255, 0.2);
+
+            --link-fg: rgb(0, 202, 202);
+            --link-hover-color: rgb(30, 232, 232);
+            --link-selected-fg: rgb(60, 255, 255);
+            --breadcrumbs-link-fg: rgb(0, 202, 202);
+
+            --error-fg: rgb(255, 125, 125);
+            --message-success-bg: rgba(125, 255, 125, 0.2);
+            --message-warning-bg: rgba(255, 255, 125, 0.2);
+            --message-error-bg: rgba(255, 125, 125, 0.2);
+            --selected-row: rgba(45, 154, 255, 0.2);
+            --selected-bg: rgba(45, 154, 255, 0.2);
+        }
+
+        /* WHY?!?!?! */
+
+        #user-tools a {
+            color: var(--link-fg) !important;
+            border-bottom-color: var(--link-fg) !important;
+        }
+
+        #user-tools a:focus, #user-tools a:hover {
+            color: var(--link-hover-color) !important;
+            border-bottom-color: var(--link-hover-color) !important;
+        }
+
+        #user-tools a:active {
+            color: var(--link-selected-fg) !important;
+            border-bottom-color: var(--link-selected-fg) !important;
+        }
+    </style>
+{% endblock %}