Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/saltssaumure/neobrutal-discord-theme

Neobrutalism brought to Discord. Supports light and dark mode, with customisable colours.
https://github.com/saltssaumure/neobrutal-discord-theme

betterdiscord betterdiscord-theme discord discord-theme replugged replugged-theme themes vencord vencord-theme

Last synced: 15 days ago
JSON representation

Neobrutalism brought to Discord. Supports light and dark mode, with customisable colours.

Host: GitHub
URL: https://github.com/saltssaumure/neobrutal-discord-theme
Owner: Saltssaumure
License: agpl-3.0
Created: 2024-04-22T03:26:04.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-06-27T01:15:20.000Z (5 months ago)
Last Synced: 2024-06-27T04:11:01.546Z (5 months ago)
Topics: betterdiscord, betterdiscord-theme, discord, discord-theme, replugged, replugged-theme, themes, vencord, vencord-theme
Language: SCSS
Homepage:
Size: 1.5 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        [light]:            https://saltssaumure.github.io/neobrutal-discord-theme/preview/light.avif

[dark]:             https://saltssaumure.github.io/neobrutal-discord-theme/preview/dark.avif

[customlight]:      https://saltssaumure.github.io/neobrutal-discord-theme/preview/customlight.avif

[customdark]:       https://saltssaumure.github.io/neobrutal-discord-theme/preview/customdark.avif

[css-color]:        https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

[discord]:          https://discord.gg/uy8nKQVatp

[BetterDiscord]:    https://betterdiscord.app/

[Replugged]:        https://replugged.dev/

[Vencord]:          https://vencord.dev/

[shield-donate]:    https://img.shields.io/badge/Donate-ko--fi-orange?style=flat-square&logo=kofi&logoColor=orange

[ko-fi]:            https://ko-fi.com/saltssaumure "Buy me a coffee!"

[shield-css-dl]:    https://img.shields.io/github/downloads/Saltssaumure/neobrutal-discord-theme/Neobrutal.theme.css?color=purple&label=Downloads&style=flat-square

[shield-asar-dl]:   https://img.shields.io/github/downloads/Saltssaumure/neobrutal-discord-theme/net.saltssaumure.Neobrutal.asar?color=purple&label=Downloads&style=flat-square

[shield-repo-size]: https://img.shields.io/github/repo-size/Saltssaumure/neobrutal-discord-theme?label=Repository&style=flat-square "Total size"

[github]:           https://github.com/Saltssaumure/neobrutal-discord-theme

[issues]:           https://github.com/Saltssaumure/neobrutal-discord-theme/issues

[license]:          https://github.com/Saltssaumure/neobrutal-discord-theme/blob/main/LICENSE

[.theme.css]:       https://github.com/Saltssaumure/neobrutal-discord-theme/blob/main/Neobrutal.theme.css

[release-bd]:       https://betterdiscord.app/theme/?id=000 "BetterDiscord store page"

[release-rp]:       https://replugged.dev/store/net.saltssaumure.Neobrutal "Replugged store page"

[release-css-gh]:   https://github.com/Saltssaumure/neobrutal-discord-theme/releases/latest/download/Neobrutal.theme.css "Get latest release"

[release-rp-gh]:    https://github.com/Saltssaumure/neobrutal-discord-theme/releases/latest/download/net.saltssaumure.Neobrutal.asar "Get latest release"

# Neobrutal Discord Theme

[![Buy me a coffee on ko-fi][shield-donate]][ko-fi]

[![CSS GitHub downloads][shield-css-dl]][release-css-gh]

[![Replugged GitHub downloads][shield-asar-dl]][release-rp-gh]

[![Total repository size][shield-repo-size]][github]

***Neobrutalism brought to Discord.***

|           Light mode           |          Dark mode           |

| :----------------------------: | :--------------------------: |

| ![Neobrutal light mode][light] | ![Neobrutal dark mode][dark] |

## Installation

### [BetterDiscord][BetterDiscord]

    Click to expand

1. Download `Neobrutal.theme.css`:

    

    - [GitHub][release-css-gh]

2. Place the file in the themes folder:

    - `Settings` > `BetterDiscord` > `Themes` > `Open Themes Folder`

3. Toggle on the theme card.

### [Replugged][Replugged]

    Click to expand

#### Automatic

1. Click to install:

    - [Replugged store][release-rp]

#### Manual

1. Download `net.saltssaumure.Neobrutal.asar`:

    - [GitHub][release-rp-gh]

2. Place the file in the themes folder:

    - `Settings` > `Replugged` > `Themes` > `Open Themes Folder`

3. Click `Load Missing Themes` and toggle on the theme card.

### [Vencord][Vencord]

    Click to expand

#### Local

1. Download `Neobrutal.theme.css`:

    

    - [GitHub][release-css-gh]

2. Place the file in the themes folder:

    - `Settings` > `Vencord` > `Themes` > `Local Themes` > `Open Themes Folder`

3. Click `Load missing Themes` and toggle on the theme card.

#### Online

1. Paste the link in `Settings` > `Vencord` > `Themes` > `Online Themes`:

    - `https://saltssaumure.github.io/neobrutal-discord-theme/Neobrutal.theme.css`

## Customisation

|                   Light mode                    |                   Dark mode                   |

| :---------------------------------------------: | :-------------------------------------------: |

| ![Customised Neobrutal light mode][customlight] | ![Customised Neobrutal dark mode][customdark] |

| Variable name              | Description              | Valid values             | Default light | Default dark |

| -------------------------- | ------------------------ | ------------------------ | ------------- | ------------ |

| `--neobrutal-color-1`      | Header background colour | Any [colour][css-color]. | `#000`        | `#fff`       |

| `--neobrutal-color-2`      | Chat background colour   | Any [colour][css-color]. | `#fff`        | `#000`       |

| `--neobrutal-color-text`   | Text color               | Any [colour][css-color]. | `#300066`     | `#e4ccff`    |

| `--neobrutal-color-accent` | Accent colour            | Any [colour][css-color]. | `#9d64df`     | `#9d64df`    |

### BetterDiscord

    Click to expand

1. Open `Settings` > `BetterDiscord` > `Themes`.

2. Click the pencil icon on this theme.

3. Edit the variable values and save changes.

### Replugged

    Click to expand

1. Enable `Automatically Apply Quick CSS` in `Settings` > `Replugged` > `General`.

1. Open `Settings` > `Replugged` > `Quick CSS`.

3. Copy and paste lines 15-28 of [`Neobrutal.theme.css`][.theme.css].

3. Edit the variable values and save.

### Vencord

    Click to expand

#### Local

2. `Open Themes Folder` in `Settings` > `Vencord` > `Themes` > `Local Themes`

3. Open `Neobrutal.theme.css` with your favourite text editor.

4. Edit the variable values and save.

#### Online

1. `Enable Custom CSS` in `Settings` > `Vencord` > `Vencord` and click `Open QuickCSS File`.

2. Copy and paste lines 15-28 of [`Neobrutal.theme.css`][.theme.css].

3. Edit the variable values.

## License

Copyright (c) 2024 Saltssaumure

This theme is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This theme is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the [GNU Affero General Public License][license] for more details.

## Credits

### Fonts

[helveticaneue]:    https://www.cufonfonts.com/font/helvetica-neue-55

[notoemoji]:        https://github.com/google/fonts/tree/main/ofl/notoemoji

- [Helvetica Neue][helveticaneue] by Linotype

- [Noto Emoji][notoemoji] by Google - OFL 1.1

## Questions or suggestions?

- Post [an issue][issues] on GitHub.

- Post in `#theme-support` on [my support server][discord].