diff --git a/docs/src/pages/components/Theme.svx b/docs/src/pages/components/GlobalTheme.svx similarity index 66% rename from docs/src/pages/components/Theme.svx rename to docs/src/pages/components/GlobalTheme.svx index f00cb56d18..74261695f4 100644 --- a/docs/src/pages/components/Theme.svx +++ b/docs/src/pages/components/GlobalTheme.svx @@ -5,52 +5,52 @@ let code = `import "carbon-components-svelte/css/all.css";`; -The `Theme` component can dyanmically update the Carbon theme on the client-side. It can persist the theme locally using [window.localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage). +The `GlobalTheme` component can dyanmically update the Carbon theme on the client-side. It can persist the theme locally using [window.localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage). -
You must use the "all.css" StyleSheet with the Theme component.
+
You must use the "all.css" StyleSheet with the GlobalTheme component.
The `all.css` StyleSheet uses [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) for dynamic theming. - + ## Default - + ## Persist locally Set `persist` to `true` to persist the theme locally using the [Window.localStorage API](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage). - + ## Custom theme Define keys and values in the `tokens` prop that override default Carbon theme tokens. Refer to the [Carbon website](https://carbondesignsystem.com/guidelines/themes/overview#customizing-a-theme) for guidance on customizing a theme using token values. - + ## Theme toggle Set `render` to `"toggle"` to render a toggle switch to control the theme. - + ## Theme toggle (custom) Customize the toggle using the `toggle` prop. - + ## Theme select Set `render` to `"select"` to render a select dropdown to control the theme. - + ## Theme select (custom) Customize the select using the `select` prop. - \ No newline at end of file + \ No newline at end of file diff --git a/docs/src/pages/framed/Theme/Theme.svelte b/docs/src/pages/framed/GlobalTheme/GlobalTheme.svelte similarity index 100% rename from docs/src/pages/framed/Theme/Theme.svelte rename to docs/src/pages/framed/GlobalTheme/GlobalTheme.svelte diff --git a/docs/src/pages/framed/Theme/ThemePersist.svelte b/docs/src/pages/framed/GlobalTheme/GlobalThemePersist.svelte similarity index 100% rename from docs/src/pages/framed/Theme/ThemePersist.svelte rename to docs/src/pages/framed/GlobalTheme/GlobalThemePersist.svelte diff --git a/docs/src/pages/framed/Theme/ThemeSelect.svelte b/docs/src/pages/framed/GlobalTheme/GlobalThemeSelect.svelte similarity index 100% rename from docs/src/pages/framed/Theme/ThemeSelect.svelte rename to docs/src/pages/framed/GlobalTheme/GlobalThemeSelect.svelte diff --git a/docs/src/pages/framed/Theme/ThemeSelectCustom.svelte b/docs/src/pages/framed/GlobalTheme/GlobalThemeSelectCustom.svelte similarity index 100% rename from docs/src/pages/framed/Theme/ThemeSelectCustom.svelte rename to docs/src/pages/framed/GlobalTheme/GlobalThemeSelectCustom.svelte diff --git a/docs/src/pages/framed/Theme/ThemeToggle.svelte b/docs/src/pages/framed/GlobalTheme/GlobalThemeToggle.svelte similarity index 100% rename from docs/src/pages/framed/Theme/ThemeToggle.svelte rename to docs/src/pages/framed/GlobalTheme/GlobalThemeToggle.svelte diff --git a/docs/src/pages/framed/Theme/ThemeToggleCustom.svelte b/docs/src/pages/framed/GlobalTheme/GlobalThemeToggleCustom.svelte similarity index 100% rename from docs/src/pages/framed/Theme/ThemeToggleCustom.svelte rename to docs/src/pages/framed/GlobalTheme/GlobalThemeToggleCustom.svelte diff --git a/docs/src/pages/framed/Theme/ThemeTokens.svelte b/docs/src/pages/framed/GlobalTheme/GlobalThemeTokens.svelte similarity index 100% rename from docs/src/pages/framed/Theme/ThemeTokens.svelte rename to docs/src/pages/framed/GlobalTheme/GlobalThemeTokens.svelte diff --git a/src/Theme/Theme.svelte b/src/GlobalTheme/GlobalTheme.svelte similarity index 100% rename from src/Theme/Theme.svelte rename to src/GlobalTheme/GlobalTheme.svelte diff --git a/src/Theme/index.js b/src/GlobalTheme/index.js similarity index 100% rename from src/Theme/index.js rename to src/GlobalTheme/index.js diff --git a/tests/Theme.test.svelte b/tests/GlobalTheme.test.svelte similarity index 100% rename from tests/Theme.test.svelte rename to tests/GlobalTheme.test.svelte diff --git a/types/Theme/Theme.svelte.d.ts b/types/GlobalTheme/GlobalTheme.svelte.d.ts similarity index 100% rename from types/Theme/Theme.svelte.d.ts rename to types/GlobalTheme/GlobalTheme.svelte.d.ts