Kaleidoscope is an open source Bootstrap theme, with some extensions inspired on other UI kits, like Semantic-UI, PureCss and others.
- Manually:
Download the latest release and copy the CSS and font files to your own project. - With Bower:
$ bower install kaleidoscope --save
The bower package includes source stylus files and the built CSS file. The built CSS file includes all the components.
To customize the theme, import the main stylus file, located at src/index.styl, overriding any component parameter before the import. See the config directory for a reference of what can be overrided. There's no need to alter any file inside the config directory, just define the variables before importing Kaleidoscope and the new values will be applied.
To create a custom buid ommiting some of the components, set to false any of the import directives defined in src/import-config.styl. Again, there's no need to alter the package files, just declare the variables before importing it.
// Bower packages directory
$vendorPath = 'assets/vendor/'
// Override anything you want or disable components
$fontsPath = '../fonts/'
$import-glyphicons = false
@import $vendorPath + 'kaleidoscope/src/index.styl'