Able Pro
sveltekit
sveltekit
  • Introduction
  • Getting Started
  • Folder Structure
  • 📄Page Structure
  • Customizer
    • Light & Dark Layout
    • Theme Contrast
    • Preset Colors
    • Sidebar Caption
    • Rtl Layout
    • Box Container
  • Dependencies
  • Support
  • Changelog
Powered by GitBook
On this page
  1. Customizer

Light & Dark Layout

To make a Light / dark layout in the theme change value in "/src/lib/store/layoutStore.js".

To make Dark Layout in the theme change given below

themeMode: 'dark'

To make Light Layout in the theme change given below

themeMode: 'dark'

To make the Layout theme depend on the user's operating system

themeMode: 'light' //["light","dark"]

Automatically sets the theme based on the user's operating system's color scheme.

Light layout is our default layout so if you want to use it then no need to change anything

PreviousCustomizerNextTheme Contrast

Last updated 8 months ago