CSS Styles

General Setup

Add this import to your root layout. You can cofigure and extend with your local styles. They need to be imported after Jhana's styles.

/routes/+layout.svelte

// 1. jhana-ui (or local) fonts
import '@leon8ix/jhana-ui/fonts/inter';
// 2. jhana-ui styles
import '@leon8ix/jhana-ui/style.css';
// 3. local styles
import '$lib/ui/style.css';

You also need to set the theme root. Without this, nothing will work. All internal variables will be applied to this node. You can also modify them at this level.

/app.html

<body class="theme-root">
    <div id="app">%sveltekit.body%</div>
</body>