2
1
Fork
You've already forked discord
0
🥽 cozy evergarden theme for discord
  • SCSS 93.6%
  • JavaScript 3.1%
  • CSS 3.1%
  • Nix 0.2%
2026年03月13日 18:07:13 +01:00
.github/workflows chore: update build scripts and deploy workflow 2025年03月20日 16:57:56 +00:00
.husky chore: finish putting out the fires ( #350 ) 2024年11月11日 12:43:31 -05:00
assets/previews chore: update previews 2025年03月20日 18:49:01 +00:00
src fix: add missing recolor mixin 2026年03月07日 11:35:03 +01:00
themes chore: import deployed theme files 2025年03月20日 17:08:28 +00:00
.editorconfig chore: update .editorconfig 2022年09月27日 02:41:54 +02:00
.envrc feat: nix direnv 2023年01月29日 12:43:18 +04:00
.gitignore Fix: New discord interface ( #366 ) 2025年03月01日 01:25:34 -05:00
.prettierignore build: add prettier + pre-commit hooks 2022年09月28日 05:38:08 +02:00
build.js feat: add debug component 2025年03月20日 15:50:33 +00:00
discord.user.css fix: discord userstyle 2026年03月06日 16:50:55 +01:00
LICENSE Following catppuccin's template 2022年01月26日 08:41:35 +05:30
package.json feat: use @everviolet/palette package 2025年06月09日 10:24:30 +01:00
README.md Reintroduce/Improve rainbow threads, fixes, nuke dead code ( #385 ) 2025年06月09日 10:50:56 +01:00
renovate.json chore: Configure Renovate ( #336 ) 2024年11月11日 16:51:23 +00:00
shell.nix chore: add yarn to shell.nix 2023年02月06日 00:10:57 +01:00
yarn.lock chore: update evergarden palette 2026年03月13日 18:07:13 +01:00

Logo
Evergarden for Discord

Previews

Winter
Fall
Spring
Summer

Usage

BetterDiscord

  1. Download your preferred flavour:
  1. Copy the downloaded file to your BetterDiscord themes folder.
  2. Enable the theme in BetterDiscord settings.

Clients/Mods with custom CSS support

  1. Simply add your preferred flavour into your discord clients CustomCSS file/editor.
/* summer */
@import url("https://everviolet.github.io/discord/themes/evergarden-summer.theme.css");
/* spring */
@import url("https://everviolet.github.io/discord/themes/evergarden-spring.theme.css");
/* fall */
@import url("https://everviolet.github.io/discord/themes/evergarden-fall.theme.css");
/* winter */
@import url("https://everviolet.github.io/discord/themes/evergarden-winter.theme.css");
/* You can also append colors to customize the accent, e.g. */
/* winter (pink accent)*/
@import url("https://everviolet.github.io/discord/themes/evergarden-winter-pink.theme.css");
/* spring (orange accent) */
@import url("https://everviolet.github.io/discord/themes/evergarden-spring-orange.theme.css");

Stylus

  1. Enable CSP Patching from Stylus Settings > Advanced.
  2. Click here to install.
  3. Choose your preferred flavour and accent color from the Stylus preference dropdown.

FAQ

  • Q: "Can this get my account banned?"

  • A: Using third party clients and injecting custom css is against the ToS. While nobody has ever been banned for simply using discord client mods, We are not responsible for anything that might happen to your account by using third party clients. Use at your own discretion!

  • Q: "Can I automatically switch flavors between light and dark mode?"

  • A: The following snippet showcases a configuration that switches between summer in light mode and winter in dark mode by adding an inline prefers-color-scheme media feature, (prefers-color-scheme: <light-or-dark>), after each @import statement (see "Importing CSS rules conditional on media queries" - MDN).

    @import url("https://everviolet.github.io/discord/themes/evergarden-winter.theme.css")
(prefers-color-scheme: dark);
@import url("https://everviolet.github.io/discord/themes/evergarden-summer.theme.css")
(prefers-color-scheme: light);

  • Q: "Can I disable Rainbow Threads"

  • A: Yes, by placing the following in your QuickCSS threads will be the same colour as typical channels. note: please respect the space between the colon and semi-colon

    :root {
 --ctp-rainbow-thread-disabled: ;
}

Thanks to <3