Django Admin出现异常暗色模式选项，静态文件配置存疑

你的配置错误在于把STATIC_ROOT目录加入到了STATICFILES_DIRS中，这两个目录的作用完全不同，不能重叠：

• STATIC_ROOT是collectstatic命令收集所有静态文件（包括Django Admin自带的静态资源）的目标目录，生产环境下服务器会从这里读取静态文件。
• STATICFILES_DIRS是Django在开发模式下查找额外静态文件的目录列表，用来存放你自己项目的自定义静态资源，不能包含STATIC_ROOT，否则会导致静态文件查找逻辑混乱。

当你把BASE_DIR / 'static'同时设为STATIC_ROOT和STATICFILES_DIRS的成员时，Django在查找Admin静态文件时会被干扰，无法正确加载自带的CSS；而暗色模式的出现是静态资源加载异常后，浏览器或Django内部的样式 fallback 触发的异常表现。

正确的配置方案 #

1. 调整目录结构：在项目根目录下创建一个专门存放自定义静态文件的目录，比如static_dev，把你的自定义.css文件放到这个目录里。
2. 修改settings.py中的静态配置：

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.2/howto/static-files/

import os
from pathlib import Path

BASE_DIR = Path(__file__).resolve().parent.parent

STATIC_URL = 'static/'
# collectstatic的目标目录，生产环境用
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
# 自定义静态文件的来源目录，开发模式下读取
STATICFILES_DIRS = [
    BASE_DIR / 'static_dev',
]

3. 运行python manage.py collectstatic命令，将Django Admin的静态资源收集到STATIC_ROOT目录中。

这样配置后，你的自定义静态文件和Admin的静态文件就能正常加载，不会再出现异常问题。

内容的提问来源于stack exchange，提问作者H C