Theme

Usage

There are two method to use theme:

Use config.xml to set the initialize theme.

<config>
<theme name="default-red"></theme>
</config>

Use the setting page of sidebar to set the theme. When the theme is set, you can see the new theme after refreshing the page.
If user delete the cache of browser, the theme will return back to the initialize one when you refresh the page.

You do not need to include any theme files. The system will automatically load it.

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>