django - 禁用prefers-color-scheme：django admin中的dark

Question

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

Answer 1

看起来您正在为 Django 管理员使用一些 3rd 方主题。我建议检查这个主题的维护者是否希望很快支持 Django 3.2。

至于对此的快速修复，您可以引入自己的样式表，该样式表将重置负责黑暗主题的变量。您可以在此处找到变量。

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

Answer 2

正如@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 %}

Answer 3

有一个应用程序。

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

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