tweak theme system

README.md

@@ -7,7 +7,7 @@ In your Svelte files:
 ```svelte
 <script lang="ts">
 	// Import a theme in your layout
-	import LutrisTheme from '@lutris/saline-components/themes/lutris.svelte';
+	import LutrisTheme from '@lutris/saline-components/themes/LutrisTheme.svelte';
 	// Import components on your pages
 	import { Container, Heading, ProjectBadge } from '@lutris/saline-components';
 </script>

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lutris/saline-components",
-	"version": "0.0.8",
+	"version": "0.0.9",
 	"license": "ISC",
 	"homepage": "https://github.com/lutriseng/saline-components",
 	"author": "Piper McCorkle <[email protected]>",

src/lib/themes/LutrisTheme.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+	import 'normalize.css/normalize.css';
+	import '@fontsource/orelega-one';
+	import '@fontsource/ovo';
+	import '@fontsource/readex-pro';
+	import '@fontsource/overpass-mono';
+	import '@fontsource/overpass-mono/variable.css';
+	import './lutris.css';
+</script>

src/routes/+layout.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
-	import '$lib/themes/lutris';
+	import LutrisTheme from '$lib/themes/LutrisTheme.svelte';
 	import { Container, LoadingIndicator } from '$lib';
 </script>
 
+<LutrisTheme />
 <LoadingIndicator />
 <Container>
 	<slot />

src/routes/example.ts

@@ -1,6 +1,6 @@
 export default `<script lang="ts">
     // Import a theme in your layout
-    import LutrisTheme from '@lutris/saline-components/themes/lutris.svelte';
+    import LutrisTheme from '@lutris/saline-components/themes/LutrisTheme.svelte';
     // Import components on your pages
     import { Container, Heading, ProjectBadge } from '@lutris/saline-components';
 </script>