Minimal template for writing Discord themes in SCSS.
Minimal template for writing Discord themes in SCSS.
This template is licensed under the MIT License.
Retaining the license is only required if you share or modify this to be used as a template by others. Your themes created using this template do not need to retain the license, and can use any license (or no license) as you wish.
You will need the following installed:
pnpm i
to install the dependencies.Write the theme files inside the scss
directory.
pnpm run watch
to compile human-readable CSS to the dev
directory when changes are detected in scss
.pnpm run build
to compile compressed CSS to the dist
directory.
pnpm run format
to tidy up formatting with Prettier.
.prettierrc.json
.Images and other assets to publish on GitHub Pages should be placed in the asset
directory.
When your repo is pushed to GitHub, the “Build and deploy CSS” workflow will run automatically. This creates a deploy
branch containing the compressed CSS and any theme assets.
For example, for a theme with the following structure on the main
branch:
(main)
├── scss
│ └── main.scss
└── asset
└── img
└── icon.png
This will be the output on the deploy
branch:
(deploy)
├── main.css
└── asset
└── img
└── icon.png
To publish the output on GitHub Pages, simply go to the repository’s Settings > Pages, and select the deploy
branch as the source.