Skip to main content

Soft Blue

A basic theme created for testing purposes.

Soft blue theme

Usage

  1. Import the soft-blue.scss file to the src/pages/_app.tsx file.
    import '../styles/themes/soft-blue.scss'
  2. Save your changes and go to the store.config.js file.
  3. Replace the value of theme with soft-blue:
    // Theming
    theme: 'soft-blue',
  4. Save your changes and go to src/fonts/WebFonts.tsx.
  5. Add the Lato font to WebFonts as in the following:
    function WebFonts() {
    return (
    <link
    rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"
    />
    )
    }
  6. Save your changes.

Didn't find your answers? Ask the Community. For documentation suggestions, submit your feedback.

JOIN THE COMMUNITY

ON THIS PAGE