Repository files navigation

Package that contains a collection of Dojo themes.

Please Note: If you are looking for Dojo 1 themes, these have been relocated to@dojo/dijit-themes. The github url registered with bower has also been updated to point to the new repository, if you encounter any issues please runbower cache clean and try again.

1. Install@dojo/themes withnpm i @dojo/themes.
2. Import the theme CSS into your project'smain.css:@import '~@dojo/themes/dojo/index.css.
3. Import the theme module and pass it to the widgets you need themed:

importthemefrom'@dojo/themes/dojo';render(){returnw(Button,{ theme},['Hello World']);}

1. Install@dojo/themes withnpm i @dojo/themes.
2. Add the custom element-specific theme CSS toindex.html:<link rel="stylesheet" href="node_modules/@dojo/themes/dojo/dojo-{version}.css">.
3. Add the custom element-specific theme JS toindex.html:<script src="node_modules/@dojo/themes/dojo/dojo-{version}.js"></script>.

To compose and extend the themes within a dojo project, runnpm i @dojo/themes and use thecss-module composes functionality.Variables can be used by using@import to import thevariables.css file from a theme. This functionality is added by apost-css plugin within the dojo build command.

/* myButton.m.css */@import'@dojo/themes/dojo/variables.css';.root {composes: root from'@dojo/themes/dojo/button.m.css';background-color:var(--dojo-green);}

The followingnpm scripts are available to facilitate development:

• build:tcm: generate.m.css.d.ts files
• watch: generate.m.css.d.ts files in watch mode