Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

425
Views
¿Alguien puede explicarme por qué mi tema de administración de django es oscuro?

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?

Esta es la foto real del tema oscuro de django admin

over 4 years ago · Santiago Trujillo
4 answers
Answer question

0

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.html

copia 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.

over 4 years ago · Santiago Trujillo Report

0

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.

over 4 years ago · Santiago Trujillo Report

0

Cambio de tema de administración de Django 3.2

Si desea devolver el tema antiguo como lo hice yo, simplemente puede anular las variables de color.

Vaya a django/contrib/admin/static/admin/css/base.css y copie el bloque que se ve así

 /* VARIABLE DEFINITIONS */ :root { --primary: #79aec8; --secondary: #417690; ....... }

A continuación, cree una carpeta llamada admin en la carpeta de plantillas y cree un archivo base.html dentro y coloque este código. Asegúrese de reemplazar :root con las variables que obtuvo de la base inicial.html

 {% extends 'admin/base.html' %} {% block extrahead %}{{ block.super }} <style> :root { --primary: #79aec8; --secondary: #417690; --accent: #f5dd5d; --primary-fg: #fff; ...... } </style> {% endblock %}

Y disfruta de la hermosa apariencia antigua de Django que a todos nos gusta)

over 4 years ago · Santiago Trujillo Report

0

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.

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!