Alojo mi pequeño proyecto en pythonanywhere y después de alojarlo verifico si está funcionando y cuando hago clic en el administrador de Django, el tema de mi administrador de Django es oscuro y cuando traté de ejecutarlo en mi host local, el tema es blanco, así que Traté de verificar mi URL estática y creo que está bien y, por cierto, esta es mi URL estática para mi administrador Url estática: /static/admin, Static Directory: /home/k3v1nSocialProject/.virtualenvs/myprojenv/lib/python3.8/ site-packages/django/contrib/admin/static/admin. ¿Alguien puede explicarme qué está sucediendo y por qué mi tema de administración de django está oscuro?
Como parte del lanzamiento de Django 3.2, el administrador ahora tiene un tema oscuro que se aplica en función de una consulta de medios de esquema de color preferido. Notas de lanzamiento
El administrador ahora admite temas e incluye un tema oscuro que está habilitado según la configuración del navegador. Consulte Compatibilidad con temas para obtener más detalles.
Desde Django 3.2 tenemos la posibilidad de ajustar los temas de administración. La forma más rápida de ignorar el tema oscuro es:
Cree una carpeta de administración dentro de su carpeta de plantillas , luego cree el archivo base.html
templates/admin/base.htmlcopia este código en base.html
{% extends 'admin/base.html' %} {% block extrahead %}{{ block.super }} <style> /* VARIABLE DEFINITIONS */ :root { --primary: #79aec8; --secondary: #417690; --accent: #f5dd5d; --primary-fg: #fff; --body-fg: #333; --body-bg: #fff; --body-quiet-color: #666; --body-loud-color: #000; --header-color: #ffc; --header-branding-color: var(--accent); --header-bg: var(--secondary); --header-link-color: var(--primary-fg); --breadcrumbs-fg: #c4dce8; --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; /* A bit darker than --body-bg */ --selected-bg: #e4e4e4; /* Eg selected table cells */ --selected-row: #ffc; --button-fg: #fff; --button-bg: var(--primary); --button-hover-bg: #609ab6; --default-button-bg: var(--secondary); --default-button-hover-bg: #205067; --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */ --close-button-hover-bg: #747474; --delete-button-bg: #ba2121; --delete-button-hover-bg: #a41515; --object-tools-fg: var(--button-fg); --object-tools-bg: var(--close-button-bg); --object-tools-hover-bg: var(--close-button-hover-bg); } </style> {% endblock %}Ahora deberías recuperar los colores originales.
Para aquellos que se preguntan dónde colocar estos datos de anulación de la respuesta anterior de Adam, dependerá de dónde se asignen los DIRS DE PLANTILLAS en el archivo de configuración. Por ejemplo:
configuración.py
TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [(os.path.join(BASE_DIR, 'templates')),], # <- Template path to put the html file 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ]Tenga en cuenta el directorio DIRS. Esto se traduce en una carpeta de plantillas al mismo nivel que mi archivo manage.py.
Dentro de esa carpeta de plantillas tengo otra carpeta llamada admin y un archivo html llamado base. Entonces se ve así: \projectname\templates\admin\base.html
Luego, en el archivo base.html, tengo el código que Adam menciona del soporte de temas de documentación
{% extends 'admin/base.html' %} {% block extrahead %}{{ block.super }} <style> :root { --primary: #9774d5; --secondary: #785cab; --link-fg: #7c449b; --link-selected-fg: #8f5bb2; --body-fg: #333; --body-bg: #fff; --body-quiet-color: #666; --body-loud-color: #000; --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */ --selected-bg: #e4e4e4; /* Eg selected table cells */ --selected-row: #ffc; } </style> {% endblock %}Esto ahora debería funcionar para usted. Si usa estas configuraciones exactas aquí, será un tema claro con púrpura. Entonces puedes hacerlo en consecuencia.