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.