set different color accents in admin interface when deployed for production

AKModel/templates/admin/AKModel/ak_csv_export.html

-{% extends "admin_base.html" %}
+{% extends "admin/base_site.html" %}
 
 {% load tz %}
 

AKModel/templates/admin/AKModel/message_delete.html

-{% extends "admin_base.html" %}
+{% extends "admin/base_site.html" %}
 {% load tags_AKModel %}
 
 {% load i18n %}

AKModel/templates/admin/AKModel/status.html

-{% extends "admin_base.html" %}
+{% extends "admin/base_site.html" %}
 {% load tags_AKModel %}
 
 {% load i18n %}

AKScheduling/templates/admin/AKScheduling/scheduling.html

-{% extends "admin_base.html" %}
+{% extends "admin/base_site.html" %}
 {% load tags_AKModel %}
 
 {% load i18n %}

AKScheduling/templates/admin/AKScheduling/unscheduled.html

-{% extends "admin_base.html" %}
+{% extends "admin/base_site.html" %}
 {% load tags_AKModel %}
 
 {% load i18n %}

static_common/common/css/admin-color.css

+#branding h1, #branding h1 a:link, #branding h1 a:visited {
+    color: #fff;
+}
+
+#header {
+    background: #7a1324;
+    color: #fff;
+}
+#header a:link, #header a:visited {
+    color: #fff;
+}
+
+#header a:hover {
+    color: #fff;
+}
+
+div.breadcrumbs {
+    background: #a4585d;
+    color: #c4dce8;
+}
+div.breadcrumbs a.active {
+    color: #c4dce8;
+!important;
+    font-weight: 300;
+}
+
+div.breadcrumbs a:focus, div.breadcrumbs a:hover {
+    color: #c4dce8;
+!important;
+    font-weight: 300;
+}
+
+.select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] {
+    background-color: #292D32;
+}
+
+.paginator a:link, .paginator a:visited {
+    background: #292D32;
+}
+
+.button, input[type=submit], input[type=button], .submit-row input, a.button {
+    background: #a4585d;
+}
+.button:hover, input[type=submit]:hover, input[type=button]:hover {
+    background: #878787;
+}
+
+.module h2, .module caption, .inline-group h2 {
+    background: #a4585d;
+}
+#user-tools a:focus, #user-tools a:hover {
+    border: 0;
+    color: #ddd;
+}
+
+.selector-chosen h2 {
+    background: #a4585d !important;
+}
+
+.calendar td.selected a {
+    background: #a4585d !important;
+}
+
+.calendar td a:focus, .timelist a:focus,
+.calendar td a:hover, .timelist a:hover {
+    background: #a4585d !important;
+}
+
+#changelist-filter li.selected a {
+    color: #444;
+}
+
+fieldset.collapsed .collapse-toggle {
+    color: #444;
+}
+
+a:link, a:visited {
+    color: #777;
+}
+
+a:focus, a:hover {
+    color: #999;
+}
+
+table thead th.sorted .sortoptions a.sortremove:focus:after,
+table thead th.sorted .sortoptions a.sortremove:hover:after {
+    color: #444;
+}
+
+a.active.selector-chooseall:focus, a.active.selector-clearall:focus,
+a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
+    color: #999;
+}
+
+.calendar td a:active, .timelist a:active {
+    background: #444;
+}
+
+.change-list ul.toplinks .date-back a:focus,
+.change-list ul.toplinks .date-back a:hover {
+    color: #222;
+}
+
+.paginator a.showall:focus, .paginator a.showall:hover {
+    color: #222;
+}
+
+.paginator a:focus, .paginator a:hover {
+    background: #222;
+}
+
+#changelist-filter a:focus, #changelist-filter a:hover,
+#changelist-filter li.selected a:focus,
+#changelist-filter li.selected a:hover {
+    color: #222;
+}
+
+.calendar td a:active, .timelist a:active {
+    background: #292D32;
+    color: white;
+}
+
+.calendar caption, .calendarbox h2 {
+    background: #999;
+}
+
+.button.default, input[type=submit].default, .submit-row input.default {
+    background: #7a1324;
+}
+
+.button.default:hover, input[type=submit].default:hover {
+    background: #191D22;
+}
+
+.select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] {
+    background-color: #292D32;
+}
+
+.button.default, input[type=submit].default, .submit-row input.default {
+    background: #7a1324;
+}
+
+.object-tools a:focus, .object-tools a:hover {
+    background-color: #292D32;
+}
+
+input[type=file]::-webkit-file-upload-button:hover {
+    border: 0;
+    background: #292D32;
+}
+
+#changelist-filter {
+    top: -250px;
+    right: 15px;
+}
+
+#changelist-filter h2 {
+    padding-top: 0px;
+    padding-bottom: 0px
+}

templates/admin_base.html → templates/admin/base_site.html

@@ -2,6 +2,13 @@
 
 {% load bootstrap4 %}
 {% load fontawesome_5 %}
+{% load static %}
+
+{% block extrastyle %}
+    {% if not debug %}
+        <link rel="stylesheet" type="text/css" href="{% static "common/css/admin-color.css" %}"/>
+    {% endif %}
+{% endblock %}
 
 {% block extrahead %}
     {% bootstrap_css %}