Dt-scss NPM | npm.io

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.