Styling Django Admin Django.How

To extend the admin base file create admin folder in the template folder and create base_site.html

templates/admin/base_site.html

<br /> <span id="more-238"></span></p> <p>{% extends ‘admin/base.html’ %}<br /> {% load static %}</p> <p>{% block branding %}</p> <h1> <img decoding="async" src="{% static 'img/logo.png' %}" alt="BTRE Real Estate" class="brand_img" height="50" width="80">BTRE Real Estate</h1> <p>{% endblock%}</p> <p>{% block extrastyle %} <link rel="stylesheet" href="{% static 'css/admin.css' %}"> {% endblock %}

Create admin.css file in the static/css folder

<br /> :root {<br /> –color-1: #10284e;<br /> –color-2: #f5dd5d;<br /> –dark: #222225;<br /> –grey: #ccc;<br /> –danger: #bf3939;<br /> –info: #0abfa4;<br /> –success: #0ac977;<br /> –body-bg: #000;<br /> –body-color: #111;<br /> –light-grey: #f6f6f6;<br /> –fontweight: 300;<br /> –fontweight-heading: 300;<br /> –font-size-mobile:12px;<br /> –font-size-desktop:16px;<br /> }</p> <p>#header{<br /> color:white;<br /> background-color: var(–color-1,blue);<br /> height: 70px;<br /> }</p> <p>.module caption{<br /> background-color: var(–color-1,blue);<br /> }<br /> a{<br /> color: var(–color-1) !important;<br /> }<br /> .module caption , #header a{<br /> color: var(–color-2,yellow) !important;<br /> }</p> <p>div.breadcrumbs{<br /> background-color: var(–info,blue);</p> <p>}<br />