Menu Menu Close
  • Documentation Docs
  • Templates
Getting started
  • Introduction
  • Gulp
  • Contents
  • Browsers & devices
  • JavaScript
  • Build tools
  • Webpack
  • Accessibility
  • RFS
  • RTL
Customize
  • Sass
  • Options
  • Color
  • Components
  • CSS variables
  • Optimize
  • Dark mode
  • Container
  • Headers
  • Sidebar
Content
  • Typography
  • Images
  • Tables
  • Figures
Forms
  • Form control
  • Select
  • Checks
  • Range
  • Input group
  • Floating labels
  • Layout
  • Validation
Components
  • Accordion
  • Alerts
  • Avatars
  • Badge
  • Breadcrumb
  • Buttons
  • Button Group
  • Links
  • Cards
  • Carousel
  • Close Button
  • Collapse
  • Dropdowns
  • List group
  • Modal
  • Navbar
  • Navs
  • Pagination
  • Popovers
  • Progress
  • Scrollspy
  • Spinners
  • Tabs
  • Toasts
  • Tooltips
Helpers
  • Clearfix
  • Colored links
  • Embed
  • Position
  • Screen readers
  • Stretched link
  • Text truncation
Utilities
  • Animations
  • Borders
  • Display
  • Flex
  • Float
  • Overflow
  • Position
  • Shadows
  • Sizing
  • Spacings
  • UI
  • Vertical align
  • Visibility
  • Others
Extend
  • Approach
  • Icons:
    • Bootstrap Icons
    • Tabler Icons
Plugins
  • Charts
  • Fullcalendar
  • Quill
More
  • Credits

Dark Mode

Easily switch between light and dark mode with a simple class!

To enable Dark Mode, simply add the class muze-dark-mode to the body tag