dt-scss

Simple package to create themes for Discord using SCSS.

Usage

Install the package with:

npm install dt-scss
# or
yarn add dt-scss
# or
pnpm add dt-scss

Then create a dt-scss.config.js file in the root of your project folder with the following:

/** @type {import('dt-scss/lib/config').Config} */
export default {
	meta: {
		name: 'Nicetheme',
		author: 'DiscordStyler',
		version: '1.0.0',
		description: 'My cool theme',
		source: 'https://github.com/DiscordStyler/Nicetheme',
	},
};

NOTE: If you have multiple themes, create a dt-scss.config.js in every theme folder.

And then use the dt-scss command followed by the script you wish to use.

dt-scss build [themeName] [srcDir] # will build the necessary files to distribute your theme(s).

NOTE: Make sure you have "type": "module" set in your package.json.

Compiler API

Property	Type	Required	Description
meta	Object	true	The BetterDiscord theme/plugin META. View all avaiable meta HERE
dist	Object	false	The target and output path of the dist file.
base	Object	false	The target and output path of the base file.
fileName	string	false	The name of the file to be compiled. This will default to your meta.name if this option is not provided.
addons	([string, string])[]	false	Any addons that should be compiled separately from your theme files.
baseImport	string	false	The @import url used in the .theme.css file.

All dist and base objects contain a target and output properties, and are relative to the project directory.

License

See the LICENSE file for license rights and limitations (MIT).