webflow svelte components logoWFS

Theme Provider

The theme provider component automatically synchronizes your application's theme with Webflow.

Theme Provider

The ThemeProvider component ensures theme synchronization between your Webflow theme settings (brighter, default, darker) and component library.

Usage

The ThemeProvider component must wrap your entire application.

<script lang="ts">
  import { ThemeProvider } from '$lib/components/theme-provider';
</script>
 
<ThemeProvider>
  <!-- Your application -->
</ThemeProvider>

On this page