主题
基础用法
有两种方式设置主题:
使用config.xml设置初始主题.
<config> <theme name="default-red"></theme> </config>使用侧边栏设置页面的主题。当主题被设置后,需要刷新页面即可看到新主题的效果。

备注:如果删除了浏览器的缓存,主题将在浏览器刷新时返回初始设置。
主题列表
不需要包含任何主题文件,系统将自动载入它们。
- default-blue:
<script src="../../dist/kqcss-default-blue.js"></script> - default-red:
<script src="../../dist/kqcss-default-red.js"></script> - black-black:
<script src="../../dist/kqcss-black-black.js"></script> - blueopal-blue:
<script src="../../dist/kqcss-blueopal-blue.js"></script> - bootstrap-blue:
<script src="../../dist/kqcss-bootstrap-blue.js"></script> - fiori-blue:
<script src="../../dist/kqcss-fiori-blue.js"></script> - flat-black:
<script src="../../dist/kqcss-flat-black.js"></script> - highcontrast-purple:
<script src="../../dist/kqcss-highcontrast-purple.js"></script> - material-blue:
<script src="../../dist/kqcss-material-blue.js"></script> - materialblack-black:
<script src="../../dist/kqcss-materialblack-black.js"></script> - metro-green:
<script src="../../dist/kqcss-metro-green.js"></script> - metroblack-black:
<script src="../../dist/kqcss-metroblack-black.js"></script> - moonlight-black:
<script src="../../dist/kqcss-moonlight-black.js"></script> - nova-red:
<script src="../../dist/kqcss-nova-red.js"></script> - office365-blue:
<script src="../../dist/kqcss-office365-blue.js"></script> - silver-blue:
<script src="../../dist/kqcss-silver-blue.js"></script> - uniform-gray:
<script src="../../dist/kqcss-uniform-gray.js"></script>
预览图
default-blue

default-red

black-black

blueopal-blue

bootstrap-blue

fiori-blue

flat-black

highcontrast-purple

material-blue

materialblack-black

metro-green

metroblack-black

moonlight-black

nova-red

office365-blue

silver-blue

uniform-gray

UI效果
default-blue

default-red

black-black

blueopal-blue

bootstrap-blue

fiori-blue

flat-black

highcontrast-purple

material-blue

materialblack-black

metro-green

metroblack-black

moonlight-black

nova-red

office365-blue

silver-blue

uniform-gray

Reference
Source