Skip to main content

Midnight

A darkmode theme created for testing purposes.

Midnight theme

Usage

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

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

JOIN THE COMMUNITY

ON THIS PAGE