https://github.com/saltssaumure/quickscss

Write SCSS in Discord Custom/Quick CSS.
https://github.com/saltssaumure/quickscss

betterdiscord discord replugged scss-compiler vencord

Last synced: 15 days ago
JSON representation

Write SCSS in Discord Custom/Quick CSS.

• Host: GitHub
• URL: https://github.com/saltssaumure/quickscss
• Owner: Saltssaumure
• License: mit
• Created: 2023-09-01T16:06:30.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-20T13:56:25.000Z (about 1 year ago)
• Last Synced: 2024-10-04T00:22:19.839Z (about 2 months ago)
• Topics: betterdiscord, discord, replugged, scss-compiler, vencord
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/quickscss
• Size: 31.3 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
[pnpm]:     https://pnpm.io/installation

[bd]:       https://betterdiscord.app

[rp]:       https://replugged.dev

[vc]:       https://vencord.dev

[vt]:       https://github.com/Vencord/Vesktop

[quickcss]: https://github.com/Saltssaumure/QuickCSS

[license]:  https://github.com/Saltssaumure/QuickSCSS/blob/main/LICENSE

[gibbu]:    https://github.com/Gibbu

[bd-scss]:  https://github.com/Gibbu/bd-scss

# QuickSCSS

QuickSCSS simultaneously compiles SCSS to Custom/Quick CSS of the most popular Discord desktop client mods.

## Requires

- [pnpm][pnpm] (or npm, or yarn)

- One or more of the following client mods:

  - [BetterDiscord][bd]

  - [Replugged][rp]

  - [Vencord][vc]

  - [Vesktop][vt]

## Setup

### Quick

Use the [QuickCSS][quickcss] template.

### Manual

1. Create a folder, eg. `my-customisations`

2. Go into the folder: `cd my-customisations`

3. Setup with pnpm: `pnpm init -y && pnpm add quickscss && pnpm i`

4. Create a `scss` folder with a `main.scss` file inside.

```

my-customisations/

└─ scss/

   └─ main.scss

```

## Usage

- `pnpm compile` to compile `scss/main.scss` once.

- `pnpm watch` to watch and compile changes in `scss` folder.

## License

[MIT License][license]

- TL;DR;NAL: Do whatever you want with this module, just include the original license.

## Credits

- Thanks to [Gibbu][gibbu]'s [bd-scss][bd-scss] for inspiration and code.