Dojo Themes
Package that contains a collection of Dojo 2 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 run bower cache clean
and try again.
Usage
Simply npm i @dojo/themes
into your project and import the theme you require.
import theme from '@dojo/themes/dojo';
render() {
return w(Button, { theme }, [ 'Hello World' ]);
}
Composition
To compose and extend the themes within a dojo project, run npm i @dojo/themes
and use the css-module
composes functionality.
Variables can be used by using @import
to import the variables.css
file from a theme. This functionality is added by a post-css
plugin within the dojo 2 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);
}
Generating typings
Run npm run build
to generate .m.css.d.ts
files