Flat Able - Bootstrap
  • ✨Welcome
  • 📐Gulp setup
  • 🏗️Structure
    • 📂Directory Structure
    • 📄Page Structure
  • 🎭Customizer
    • 🌑Light & Dark Layout
    • 🖥️Navbar Theme
    • 🔝Header Theme
    • 🎨Preset Colors
    • 🔖Sidebar Caption
    • 🇦🇪Rtl Layout
    • 🔛Box Container
  • 📦Dependencies
  • 📅Changelog
  • 🏁RoadMap
Powered by GitBook
On this page
  1. Customizer

Light & Dark Layout

To make a Light / dark layout in the theme change value in "/gulpfile.js".

To make Dark Layout in the theme change given below

const dark_layout = 'true';

To make Light Layout in the theme change given below

const dark_layout = 'false';

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

const dark_layout = 'default';

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

PreviousCustomizerNextNavbar Theme

Last updated 1 year ago

🎭
🌑