【问题标题】:Django Admin ThemingDjango 管理员主题
【发布时间】:2021-07-16 07:34:02
【问题描述】:

我的 Django 管理仪表板正在加载一个深色主题。我的浏览器中没有安装任何深色主题的扩展。如何将其还原为浅色主题?目前,我的管理区域处于这种状态:

django admin image

任何帮助将不胜感激

【问题讨论】:

    标签: python django


    【解决方案1】:

    从 Django 3.2 开始,dark theme support 尊重系统偏好。
    由于您的系统设置为暗模式,因此它为管理员使用暗主题。大多数人会认为这是一件好事,因为习惯于黑暗的用户不会获得浅色主题网站,反之亦然。

    如果您仍想更改它,可以将 admin/base.html 模板覆盖添加到您的项目中:

    {% extends 'admin/base.html' %}
    
    {% block extrahead %}{{ block.super }}
    <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-link-fg: var(--body-bg);
        --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;
        --selected-bg: #e4e4e4;
        --selected-row: #ffc;
    
        --close-button-bg: #888;
        --close-button-hover-bg: #747474;
      }
    }
    </style>
    {% endblock %}
    

    这与将默认颜色也放入深色主题中基本相同(最好只删除深色主题颜色,但我认为你不能)。 CSS 取自 Django's source code on GitHub。如需更多帮助,请参阅Django docs

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-03-31
      • 2012-12-23
      • 1970-01-01
      • 2019-03-10
      • 2010-10-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多