change theme system again

LutrisEng · Feb 10, 2023 · f6ca8f2 · f6ca8f2
1 parent 9decc40
commit f6ca8f2
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -12,10 +12,10 @@ In your Svelte files:
 	import { Container, Heading, ProjectBadge } from '@lutris/saline-components';
 </script>
 
-<LutrisTheme />
-
-<Container>
-	<Heading level={1}>My Page</Heading>
-	<ProjectBadge code="FBOX" name="Fleetbox" />
-</Container>
+<LutrisTheme>
+	<Container>
+		<Heading level={1}>My Page</Heading>
+		<ProjectBadge code="FBOX" name="Fleetbox" />
+	</Container>
+</LutrisTheme>
 ```
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@lutris/saline-components",
-	"version": "0.0.9",
+	"version": "0.0.10",
 	"license": "ISC",
 	"homepage": "https://github.com/lutriseng/saline-components",
 	"author": "Piper McCorkle <[email protected]>",

diff --git a/src/lib/themes/LutrisTheme.svelte b/src/lib/themes/LutrisTheme.svelte
@@ -7,3 +7,5 @@
 	import '@fontsource/overpass-mono/variable.css';
 	import './lutris.css';
 </script>
+
+<slot />
diff --git a/src/routes/example.ts b/src/routes/example.ts
@@ -5,9 +5,9 @@ export default `<script lang="ts">
     import { Container, Heading, ProjectBadge } from '@lutris/saline-components';
 </script>
 
-<LutrisTheme />
-
-<Container>
-    <Heading level={1}>My Page</Heading>
-    <ProjectBadge code="FBOX" name="Fleetbox" />
-</Container>`;
+<LutrisTheme>
+    <Container>
+        <Heading level={1}>My Page</Heading>
+        <ProjectBadge code="FBOX" name="Fleetbox" />
+    </Container>
+</LutrisTheme>`;