Here you'll find a list of the themes bundled with Colibri. We're always working on adding more, but if you have created a theme you'd like to share, please open up an issue or a pull request on our GitHub ! You can include a theme by importing the Themer component and passing it your desired theme object. This should be done somewhere where it is accessible by all pages. In SvelteKit, this will likely be in your root +layout.svelte file.

<script>
import { Themer } from '@thetinkerinc/colibri';
import theme from '@thetinkerinc/colibri/themes/colibri.js';

import '@thetinkerinc/colibri/styles/all.css';
</script>

<Themer {theme}>
	<slot />
</Themer>

'colibri'

'colibri-dark'

'newsprint'

'retro'