关于深色主题

启用深色主题后 抽屉式导航(mdui-drawer) 组件尽管设置了 .mdui-color-theme 但是该组件的颜色不会发生变化.

为什么 应用栏(mdui-appbar) 却可以实现深色主题自动变色

共 2 个回答

已找到问题: 由于mdui.css第10869行未添加 !important 导致本行代码在深色背景主题下无法生效!

(这算是bug吗?)

举头望涵涵,低头思第一。 https://www.dffzmxj.com

你有二问:

  1. .mdui-drawer颜色何不受.mdui-color-theme控制
  2. .mdui-theme-layout-dark何生效于.mdui-appbar

对应回答:

  1. 可能你未设置.mdui-theme-primary-[颜色]于body元素。
  2. 作者可能以[1]方式实现。(列表无法插入代码块)

附加:

[1]实现方式:(举例罢,懒得寻于GitHub)

.mdui-theme-layout-dark .mdui-drawer{
    background: var(--dark__drawer-background); /*实际作者不会用CSS变量,因为不兼容IE*/
    color: var(--dark__text-normal);
}