为什么导航栏文本颜色是黑色的?

洛神网络创始人

请问为什么为body设置mdui-theme-primary-blue后,导航栏、按钮文本颜色会变成黑色?而设置为teal则显示白色?

共 6 个回答

我也想说这个问题,因为蓝色背景白色前景更好阅读一点

MDUI 能否提供一个接口来手动修改配色呢??

1111

MDUI 作者

颜色是按照 Material Design 配色方案来的

https://www.mdui.org/design/style/color.html#color-color-tool

洛神网络创始人

<code>

<body class="mdui-theme-primary-blue #mdui-drawer-body-left #mdui-appbar-with-tab #mdui-loader">

</code>

洛神网络创始人

<pre>

<body class="mdui-theme-primary-blue #mdui-drawer-body-left #mdui-appbar-with-tab #mdui-loader">


<div class="mdui-appbar mdui-appbar-fixed #mdui-appbar-scroll-toolbar-hide mdui-headroom" >

<div class="mdui-toolbar mdui-color-theme mdui-text-color-white" style="#padding-top:30px;">



<a href="javascript:;" class="mdui-typo-title ">WMake</a>

<div class="mdui-toolbar-spacer"></div>

<a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a>

<a mdui-menu="{target: '#top-menu'}" href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">more_vert</i></a>



<ul class="mdui-menu" id="top-menu">

<li class="mdui-menu-item">

<a href="javascript:;" class="mdui-ripple">首页</a>

</li>


<li class="mdui-menu-item">

<a href="/console/">管理中心</a>

</li>


<li class="mdui-divider"></li>

<li class="mdui-menu-item">

<a target="_blank" href="https://bbs.myroselle.com/forum-50-1.html" class="mdui-ripple">反馈/建议</a>

</li>

</ul>

</div>

</div>

</pre>

洛神网络创始人

<body class="mdui-theme-primary-blue">