Skip to main content

Command Palette

Search for a command to run...

How to install and setup Django Jet theme?

Customize the Django Admin With a Modern Theme

Published
2 min read
How to install and setup Django Jet theme?
G

Experienced Full Stack Software Engineer with 4+ Years of experience, proficient in Django and React, with expertise in Python, JavaScript and Typescript, also an author of Dev.Junction Blogs & YouTube Channel, expert in Python/Django, Rest Framework, ReactJS/NextJS and TypeScript, currently based in Pune, India.

Django JET is a great library to modernize your classic Django admin panel into something modern, styling and customizable admin panel.

For comparison, here is how the classic Django admin panel looks like:

django-admin-models-added.png

After customization, it will look something like this:

0_gNs7RMXMQlB96OXb.png

Looks cool, huh? Let's customize the admin panel and make it look cool.

Installation:

First install the Django Jet Reboot package in your Django project.

pip install django-jet-reboot

Setup:

  • Add jet package at the top of your INSTALLED_APPS list in the Django settings.py file, it is important to note that the jet package should be added at the top of the INSTALLED_APPS list so that all the admin templates can be overridden.

    INSTALLED_APPS = [
        'jet',
        ...
    ]
    
  • Now you have to open our root urls.py file and add this url path at the top of the urlpatterns list.

    ...
    
    urlpatterns = [
        path('jet/', include('jet.urls', 'jet')),
        path('admin/', include(admin.site.urls)),
        ...
    )
    
    ...
    
  • You are all setup, just run the migrate command and your new admin theme has been installed.

    python manage.py migrate jet
    
  • Let’s do one last thing, which is to change the color of our new theme. (This is optional, you can skip to the next step). Just open the settings.py file, and add this code at the end to change the color of new Django admin theme.

    JET_DEFAULT_THEME = 'light-violet'
    

    You have other color options such as:

    1. default

    2. green

    3. light-violet

    4. light-green

    5. light-blue

    6. light-gray

Now your admin will look something like this:

Any doubts? Write it down in the comments.

For more such crispy blogs daily, follow Dev.Junction, subscribe to our newsletter and get notified.

A

One Updation in syntax

Hey Brother , I am continuously follow your Blog .You have good potential to share a knowledge in a brief. path(r'admin/', include(admin.site.urls)),------this not work in latest django version .

plz resolve this .

It work in Django < 1.9

2
G

Hi Anurag, thanks for mentioning an error, I have made the changes as per your recommendation.

M
Michael P3y ago

Man I love it!

1
G

Thanks Michele

Django admin tips and tricks

Part 13 of 14

Django provides a great Admin panel rich in features and highly customizable, in this series of blogs we will be introduced to all such possible customizations and more.

Up next

How to customize & redesign the Django Admin panel?

Look at you gorgeous beauty, 😘 Django