Midnight
A darkmode theme created for testing purposes.
Usage​
- Import the
midnight.scss
file to thesrc/pages/_app.tsx
file.
import '../styles/themes/midnight.scss'
- Save your changes and go to the
store.config.js
file. - Replace the value of
theme
withmidnight
:// Theming
theme: 'midnight', - Save your changes and go to
src/fonts/WebFonts.tsx
. - 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"
/>
)
} - Save your changes.