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 }};