Html 为什么我的黑暗模式脚本会出现在导航栏中？

有人能帮我修改黑暗模式脚本吗？我制作了这个HTML和CSS，当它处于黑暗模式时，应该给用户一个深蓝色（#12355B）。它给我的蓝色和灯光模式下的一样（#43BBFF）。提前谢谢

正文{
背景:#f5；
字体系列：-苹果系统、MacSystemFont、无衬线字体；
颜色：黑色
}
@介质（首选颜色方案：深色）{
身体{
背景：#333；
颜色：#F5
}
托普纳夫先生{
溢出：隐藏；
边界半径：8px；
背景色：#12355B；
位置：粘性；
顶部：0px；
}
}  
托普纳夫先生{
溢出：隐藏；
边界半径：8px；
背景色：#43BBFF；
位置：粘性；
顶部：0px；
}    
.topnav a{
浮动：左；
显示：块；
颜色：#E0；
文本对齐：居中；
填充：12px 14px；
文字装饰：无；
字号：17px；
字体大小：400；
}

add}在代码末尾关闭@media，

@media

之外的定义适用于所有情况，而

@media

仅适用于

首选颜色方案：深色

，并且@media之外的定义覆盖了“深色”。您应该将默认颜色置于

@媒体上方

或置于

首选配色方案：浅色

模式。谢谢！成功了！