Chrome 禁用首选配色方案:django管理中的黑暗

uujelgoq  于 2022-12-16  发布在  Go
关注(0)|答案(4)|浏览(118)

我在Mac上启用了黑暗模式,但在django管理面板中使用ckeditor看起来很笨拙。在Chrome或Django管理中是否有禁用它的选项?我已经尝试了主题和浏览器扩展,但没有成功。

hivapdat

hivapdat1#

看起来你在Django管理中使用了一些第三方的主题。我建议你检查一下这个主题的维护者是否想尽快支持Django 3.2。
至于快速修复,你可以引入自己的样式表,它将重置负责黑暗主题的变量,你可以在这里找到变量。
要实现这一点,请在静态文件目录中创建一个单独的css文件,从上面提到的代码片段中复制@media声明,并将正常的配色方案粘贴到其中(也可以在同一段代码中找到),然后创建一个admin/base_site.html模板,用this内容或您正在使用的主题中的等效内容填充它,并在extrastyle块中链接您的自定义CSS(您可能需要手动创建该块)。

7xzttuei

7xzttuei2#

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

eyh26e7m3#

有一个应用程序。
pip install django-light,详情请参见https://github.com/frnhr/django-light
充分披露:我是作者。嗯,更像是“打包者”,没有太多的原始代码...

zlhcx6iw

zlhcx6iw4#

您可以在Django 4.1及以上版本中通过覆盖模板中的admin/base.html来禁用黑暗模式。https://github.com/django/django/pull/14929

{% extends "admin/base.html" %}
{% block dark-mode-vars %}{% endblock %}

相关问题