Add `css_generic_link_active_color` field to use on active tab (tabbed changeform). #232

README.md

@@ -136,6 +136,7 @@ You can add **theme support to existing third-party libraries** using the follow
 - `--admin-interface-module-link-hover-color`
 - `--admin-interface-generic-link-color`
 - `--admin-interface-generic-link-hover-color`
+- `--admin-interface-generic-link-active-color`
 
 #### Buttons
 - `--admin-interface-save-button-background-color`

admin_interface/admin.py

@@ -107,6 +107,7 @@ class ThemeAdmin(admin.ModelAdmin):
                 "fields": (
                     "css_generic_link_color",
                     "css_generic_link_hover_color",
+                    "css_generic_link_active_color",
                 ),
             },
         ),

admin_interface/migrations/0029_theme_css_generic_link_active_color.py

@@ -0,0 +1,24 @@
+import colorfield.fields
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("admin_interface", "0028_theme_show_fieldsets_as_tabs_and_more"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="theme",
+            name="css_generic_link_active_color",
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default="#29B864",
+                help_text="#29B864",
+                image_field=None,
+                max_length=10,
+                samples=None,
+                verbose_name="link active color",
+            ),
+        ),
+    ]

admin_interface/models.py

@@ -246,6 +246,13 @@ class Theme(models.Model):
         max_length=10,
         verbose_name=_("link hover color"),
     )
+    css_generic_link_active_color = ColorField(
+        blank=True,
+        default="#29B864",
+        help_text="#29B864",
+        max_length=10,
+        verbose_name=_("link active color"),
+    )
 
     css_save_button_background_color = ColorField(
         blank=True,

admin_interface/static/admin_interface/css/tabbed-changeform.css

@@ -49,7 +49,7 @@
 .admin-interface .tabbed-changeform-tabs .tabbed-changeform-tablink.active {
     border: 1px solid var(--border-color);
     border-bottom: 1px solid transparent;
-    color: var(--admin-interface-module-background-color);
+    color: var(--admin-interface-generic-link-active-color);
 }
 
 .admin-interface .tabbed-changeform-tabs-remaining-space {

admin_interface/templates/admin/base_site.html

@@ -28,6 +28,7 @@
             --admin-interface-module-link-hover-color: {{ theme.css_module_link_hover_color }};
             --admin-interface-generic-link-color: {{ theme.css_generic_link_color }};
             --admin-interface-generic-link-hover-color: {{ theme.css_generic_link_hover_color }};
+            --admin-interface-generic-link-active-color: {{ theme.css_generic_link_active_color }};
             --admin-interface-save-button-background-color: {{ theme.css_save_button_background_color }};
             --admin-interface-save-button-background-hover-color: {{ theme.css_save_button_background_hover_color }};
             --admin-interface-save-button-text-color: {{ theme.css_save_button_text_color }};