[Django] #31259: Please add a dark theme to the admin module

12 views
Skip to first unread message

Django

unread,
Feb 11, 2020, 1:18:03 PM2/11/20
to django-...@googlegroups.com
#31259: Please add a dark theme to the admin module
-----------------------------------------+------------------------
Reporter: mimi89999 | Owner: nobody
Type: New feature | Status: new
Component: contrib.admin | Version: 3.0
Severity: Normal | Keywords:
Triage Stage: Unreviewed | Has patch: 0
Needs documentation: 0 | Needs tests: 0
Patch needs improvement: 0 | Easy pickings: 0
UI/UX: 1 |
-----------------------------------------+------------------------
Hello,

Dark themes are becoming more and more popular after the introduction of
`prefers-color-scheme` in browsers. There are many reasons for users to
prefer a dark theme that are listed in multiple places.

Would it be possible for the admin module to have a dark theme? Is it in
the scope of the project? If it is, I could try to add one.

--
Ticket URL: <https://code.djangoproject.com/ticket/31259>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

Django

unread,
Feb 11, 2020, 3:57:40 PM2/11/20
to django-...@googlegroups.com
#31259: Please add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: assigned
Component: contrib.admin | Version: 3.0
Severity: Normal | Resolution:

Keywords: | Triage Stage:
| Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Michel Le Bihan):

* owner: nobody => Michel Le Bihan
* status: new => assigned


--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:1>

Django

unread,
Feb 12, 2020, 2:49:20 AM2/12/20
to django-...@googlegroups.com
#31259: Please add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: assigned
Component: contrib.admin | Version: 3.0
Severity: Normal | Resolution:
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Carlton Gibson):

* needs_better_patch: 0 => 1
* stage: Unreviewed => Accepted
* needs_docs: 0 => 1


Comment:

Hi Michel, thanks for this.

Not a fan myself :) but `prefers-color-scheme` seems the way to go. Since
you're keen to do the work, why not? :)

First step, I guess, is to get it working. (If you can post some
screenshots to the PR, that helps folks get started.)

Then we just need to think about what docs (if any beyond a release note)
we might want.

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:2>

Django

unread,
Feb 12, 2020, 2:49:38 AM2/12/20
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module

-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: assigned
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution:
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:3>

Django

unread,
Sep 18, 2020, 11:03:29 AM9/18/20
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: assigned
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution:
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Comment (by Matthias Kestenholz):

I proposed starting to use CSS variables for styling the administration
panel here: https://code.djangoproject.com/ticket/32018

I would hope that dark mode could be supported using something like

{{{
@media (prefers-color-scheme: dark) {
html {
--body-fg-color: #fff;
--body-bg-color: #333;
}
}
}}}

Maybe you have some feedback on the other ticket and/or the proposed
change?

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:4>

Django

unread,
Jan 14, 2021, 2:28:42 AM1/14/21
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: closed
Component: contrib.admin | Version: 3.0
Severity: Normal | Resolution: fixed
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Carlton Gibson <carlton.gibson@…>):

* status: assigned => closed
* resolution: => fixed


Comment:

In [changeset:"b5cef91a91c9dbb697b65ef978a7de0b2c5cf564" b5cef91a]:
{{{
#!CommitTicketReference repository=""
revision="b5cef91a91c9dbb697b65ef978a7de0b2c5cf564"
Fixed #31259 -- Added admin dark theme.
}}}

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:5>

Django

unread,
Jan 14, 2021, 3:25:30 AM1/14/21
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: closed
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution: fixed
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Changes (by Florian Apolloner):

* Attachment "Screenshot_2021-01-14 Select group to change Django site
admin.png" added.

Django

unread,
Jan 14, 2021, 3:27:35 AM1/14/21
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: closed
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution: fixed
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Comment (by Florian Apolloner):

Is this how it is supposed to look (see attachment). If yes, did people
check the contrast ratios etc? The clear white of the checkboxes etc seem
out of place to me as well as the heading in the sidebar.

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:6>

Django

unread,
Jan 14, 2021, 8:06:16 AM1/14/21
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: closed
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution: fixed
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Comment (by GitHub <noreply@…>):

In [changeset:"257dfce6c87ebf11c429e65cd4eff30d852a14de" 257dfce]:
{{{
#!CommitTicketReference repository=""
revision="257dfce6c87ebf11c429e65cd4eff30d852a14de"
Refs #31259 -- Improved some color contrasts for admin dark theme.
}}}

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:7>

Django

unread,
Jan 20, 2021, 9:47:43 AM1/20/21
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: closed
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution: fixed
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Comment (by GitHub <noreply@…>):

In [changeset:"f054468cac325e8d8fa4d5934b939b93242a3730" f054468c]:
{{{
#!CommitTicketReference repository=""
revision="f054468cac325e8d8fa4d5934b939b93242a3730"
Refs #31259 -- Made various dark theme adjustments.
}}}

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:8>

Django

unread,
Jan 20, 2021, 9:49:54 AM1/20/21
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: closed
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution: fixed
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Comment (by Carlton Gibson <carlton.gibson@…>):

In [changeset:"4cf4c2df56af806f03299a264535bc34f1b1199a" 4cf4c2df]:
{{{
#!CommitTicketReference repository=""
revision="4cf4c2df56af806f03299a264535bc34f1b1199a"
[3.2.x] Refs #31259 -- Made various dark theme adjustments.

Backport of f054468cac325e8d8fa4d5934b939b93242a3730 from master
}}}

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:9>

Django

unread,
Apr 28, 2021, 4:47:00 AM4/28/21
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: closed
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution: fixed
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Old description:

> Hello,
>
> Dark themes are becoming more and more popular after the introduction of
> `prefers-color-scheme` in browsers. There are many reasons for users to
> prefer a dark theme that are listed in multiple places.
>
> Would it be possible for the admin module to have a dark theme? Is it in
> the scope of the project? If it is, I could try to add one.

New description:

Hello,

how can I OFF dark theme? without override css file

--

Comment (by KimSoungRyoul):

how can I OFF dark theme? without override css file

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:10>

Django

unread,
Apr 28, 2021, 5:04:03 AM4/28/21
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: closed
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution: fixed
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Comment (by Mariusz Felisiak):

KimSoungRyoul, please don't change descriptions of closed tickets. I
removed your comment to restore the previous one.

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:10>

Django

unread,
Apr 28, 2021, 5:12:25 AM4/28/21
to django-...@googlegroups.com
#31259: Add a dark theme to the admin module
-------------------------------------+-------------------------------------
Reporter: Michel Le Bihan | Owner: Michel Le
| Bihan
Type: New feature | Status: closed
Component: contrib.admin | Version: 3.0

Severity: Normal | Resolution: fixed
Keywords: | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 1
Needs tests: 0 | Patch needs improvement: 1

Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------

Comment (by KimSoungRyoul):

Replying to [comment:10 Mariusz Felisiak]:


> KimSoungRyoul, please don't change descriptions of closed tickets. I
removed your comment to restore the previous one.

sorry to change descriptions

--
Ticket URL: <https://code.djangoproject.com/ticket/31259#comment:11>

Reply all
Reply to author
Forward
0 new messages