From 6f7a51bee8ae0162ab0f215df96579f8c9bf88b8 Mon Sep 17 00:00:00 2001
From: Fabio Caccamo <fabio.caccamo@gmail.com>
Date: Tue, 18 Apr 2023 16:10:02 +0200
Subject: [PATCH] Add `css_generic_link_active_color` field to use on active
 tab (tabbed changeform). #232

---
 README.md                                     |  1 +
 admin_interface/admin.py                      |  1 +
 ...029_theme_css_generic_link_active_color.py | 24 +++++++++++++++++++
 admin_interface/models.py                     |  7 ++++++
 .../admin_interface/css/tabbed-changeform.css |  2 +-
 .../templates/admin/base_site.html            |  1 +
 6 files changed, 35 insertions(+), 1 deletion(-)
 create mode 100644 admin_interface/migrations/0029_theme_css_generic_link_active_color.py

diff --git a/README.md b/README.md
index 9120456..ca70c0d 100644
--- a/README.md
+++ b/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`
diff --git a/admin_interface/admin.py b/admin_interface/admin.py
index bada370..42ac7eb 100644
--- a/admin_interface/admin.py
+++ b/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",
                 ),
             },
         ),
diff --git a/admin_interface/migrations/0029_theme_css_generic_link_active_color.py b/admin_interface/migrations/0029_theme_css_generic_link_active_color.py
new file mode 100644
index 0000000..cb48728
--- /dev/null
+++ b/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",
+            ),
+        ),
+    ]
diff --git a/admin_interface/models.py b/admin_interface/models.py
index 646396b..a72df07 100644
--- a/admin_interface/models.py
+++ b/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,
diff --git a/admin_interface/static/admin_interface/css/tabbed-changeform.css b/admin_interface/static/admin_interface/css/tabbed-changeform.css
index 298a970..a0f6718 100644
--- a/admin_interface/static/admin_interface/css/tabbed-changeform.css
+++ b/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 {
diff --git a/admin_interface/templates/admin/base_site.html b/admin_interface/templates/admin/base_site.html
index b6595ca..f39ae75 100644
--- a/admin_interface/templates/admin/base_site.html
+++ b/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 }};