Datta
Datta Able Bootstrap
Datta Able Bootstrap
  • โœจIntroduction
  • ๐Ÿ“Quick Start
  • ๐Ÿ—๏ธStructure
    • ๐Ÿ“‚Directory Structure
    • ๐Ÿ“„Page Structure
  • ๐ŸŽญCustomizer
    • ๐ŸŒ‘Light & Dark Layout
    • ๐Ÿ‡ฆ๐Ÿ‡ชRtl Layout
    • ๐Ÿ’ปHeader Background
    • ๐Ÿ Menu theme
    • ๐Ÿ–Œ๏ธMenu Background
    • ๐Ÿ’ผMenu Brand Color
    • ๐Ÿ–ผ๏ธNavbar Image
    • ๐Ÿ”›Box Container
    • ๐Ÿ”ฝMenu Dropdown Icon
    • โšœ๏ธMenu List Icon
    • ๐ŸŽจPreset Colors
    • ๐ŸงขMenu Title Color
    • ๐ŸŽฉMenu Caption Hide/Show
  • ๐Ÿ“ฆDependencies
  • ๐Ÿ“…Changelog
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

PreviousCustomizerNextRtl Layout

Last updated 1 year ago

๐ŸŽญ
๐ŸŒ‘