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.