在 Django 管理中禁用首选颜色方案：深色

Question

我在 Mac 上启用了深色模式，但它在带有 ckeditor 的 django 管理面板中看起来很尴尬。是否可以在 Chrome 或 Django 管理员中禁用它？我已经尝试过主题和浏览器扩展，但没有成功。

Answer 1

您似乎在为 Django 管理器使用一些第 3 方主题。我建议检查这个主题的维护者是否希望尽快支持 Django 3.2。

至于快速修复，您可以引入自己的样式表，该样式表将重置负责深色主题的变量。您可以找到变量 here.

为此，在您的静态文件目录中创建一个单独的 css 文件，复制上述代码片段中的 @media 声明并将正常配色方案粘贴到其中（也在同一代码片段中找到）。之后，创建一个 admin/base_site.html 模板，用 this 内容或您正在使用的主题中的等效内容填充它，并在 [=12= 中 link 您的自定义 CSS ] 块（您可能需要手动创建该块）。

Answer 2

有一个应用程序。

pip install django-light，详情见 https://github.com/frnhr/django-light。

完全披露：我是作者。好吧，更像是“packager”，没有多少原始代码......

Answer 3

正如@GwynBleidD 所写，我像这样更改了我的 admin/base_site.html，并且有效：

{% extends "admin/base_site.html" %}

{% block extrastyle %}
<style>
    @media (prefers-color-scheme: dark) { 
        :root {
            --primary: #79aec8;
            --primary-fg: #fff;

            --body-fg: #333;
            --body-bg: #fff;
            --body-quiet-color: #666;
            --body-loud-color: #000;

            --breadcrumbs-fg: #c4dce8;
            --breadcrumbs-bg: var(--primary);

            --link-fg: #447e9b;
            --link-hover-color: #036;
            --link-selected-fg: #5b80b2;

            --hairline-color: #e8e8e8;
            --border-color: #ccc;

            --error-fg: #ba2121;

            --message-success-bg: #dfd;
            --message-warning-bg: #ffc;
            --message-error-bg: #ffefef;

            --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
            --selected-bg: #e4e4e4; /* E.g. selected table cells */
            --selected-row: #ffc;

            --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */
            --close-button-hover-bg: #747474;
        }
    }
</style>
{% endblock %}

在 Django 管理中禁用首选颜色方案：深色

Disable prefers-color-scheme: dark in django admin

django

google-chrome

django-admin

ckeditor

darkmode