mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs: support theme setting through window search params

Browse source
This commit is contained in:
Eric Liu 2020-10-15 17:59:11 -07:00
commit 170d9993f4
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
docs/src/layouts/ComponentLayout.svelte
View file

@ -10,6 +10,7 @@
} from "carbon-components-svelte"; } from "carbon-components-svelte";
import Code16 from "carbon-icons-svelte/lib/Code16"; import Code16 from "carbon-icons-svelte/lib/Code16";
import { page, metatags } from "@sveltech/routify"; import { page, metatags } from "@sveltech/routify";
import { onMount } from "svelte";
import { theme } from "../store"; import { theme } from "../store";
export let component = $page.title; export let component = $page.title;
@ -17,6 +18,14 @@
metatags.title = $page.title; metatags.title = $page.title;
onMount(() => {
const currentTheme = window.location.search.split("?theme=")[1];
if (["white", "g10", "g90", "g100"].includes(currentTheme)) {
theme.set(currentTheme);
}
});
// TODO: [refactor] read from package.json value // TODO: [refactor] read from package.json value
$: sourceCode = `https://github.com/IBM/carbon-components-svelte/tree/master/src/${ $: sourceCode = `https://github.com/IBM/carbon-components-svelte/tree/master/src/${
source || `${$page.title}/${$page.title}.svelte` source || `${$page.title}/${$page.title}.svelte`