Features
Light and Dark Mode
Guide to toggling and customizing light and dark modes in SaasCart
Light and Dark Mode
To ensure a comfortable user experience in low-light environments, SaasCart provides a Dark Mode option, reducing eye strain from screen brightness.
Layout Types
To switch between Light and Dark Mode, SaasCart uses the "dark"
class to toggle the theme.
- Dark Layout: Apply the
"dark"
class to the<body>
tag to activate Dark Mode. - Light Layout: Remove the
"dark"
class from the<body>
tag to return to Light Mode.
Adjusting the Theme Mode
- Front-End Layout: Navigate to Store Front > Theme Options > General Tab to toggle and customize the theme mode for the store.
- Back-End Layout: Visit Settings > General Tab to adjust the theme mode for the admin interface.
This configuration provides a simple way to switch between light and dark layouts, allowing users to personalize their viewing experience based on their environment.