Отключить prefers-color-scheme: dark в админке django

Question

У меня включен темный режим на Mac, но в админке django с ckeditor это выглядит неудобно. Есть ли возможность отключить его в администраторе Chrome или Django? Я уже безуспешно пробовал темы и расширения браузера.

Answer 1

Похоже, вы используете какую-то стороннюю тему для администратора Django. Я предлагаю проверить, хочет ли разработчик этой темы поддерживать Django 3.2 в ближайшее время.

Что касается быстрого исправления этого, вы можете ввести свою собственную таблицу стилей, которая будет сбрасывать переменные, отвечающие за темную тему. Вы можете найти переменные здесь .

Для этого создайте отдельный файл css в каталоге статических файлов, скопируйте поверх @mediaобъявление из фрагмента кода, упомянутого выше, и вставьте в него обычную цветовую схему (также можно найти в том же фрагменте кода). После этого создайте admin/base_site.htmlшаблона, заполните его этим содержимым или эквивалентом из темы, которую вы используете, и свяжите свой собственный CSS в extrastyle блок (вам может потребоваться создать этот блок вручную).

Answer 2

Вы можете отключить темный режим в Django 4.1 и выше, переопределивadmin/base.htmlв вашем шаблоне. https://github.com/django/django/pull/14929

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

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 %}

Answer 4

Для этого есть приложение.

pip install django-light, подробности на https://github.com/frnhr/django-light .

Полное раскрытие: я автор. Ну, скорее "упаковщик", там не особо оригинального кода ...