Add a dark theme to the admin module

[Michel Le Bihan]

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.

[Carlton Gibson]

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.

[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?

[Carlton Gibson <carlton.gibson@…>]

In b5cef91a:

Fixed #31259 -- Added admin dark theme.

[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.

[GitHub <noreply@…>]

In 257dfce:

Refs #31259 -- Improved some color contrasts for admin dark theme.

[GitHub <noreply@…>]

In f054468c:

Refs #31259 -- Made various dark theme adjustments.

[Carlton Gibson <carlton.gibson@…>]

In 4cf4c2df:

[3.2.x] Refs #31259 -- Made various dark theme adjustments.

Backport of f054468cac325e8d8fa4d5934b939b93242a3730 from master

[Mariusz Felisiak]

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

[KimSoungRyoul]

Replying to Mariusz Felisiak:

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

sorry to change descriptions