AnvilTerminal for Discord: terminal-green on VS Code grey. Vencord Online Themes ready.
  • CSS 51.6%
  • JavaScript 48.4%
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
ariku ebea952269 Green ring on servers with people in voice
Servers and folders carrying Discord's voice/stream badge get a ring that follows the
icon's shape (drop-shadow on its SVG mask). Matched by stable class prefixes only;
a test keeps hashed class names out of the theme. --anvil-voice-ring turns it off.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-09-27 17:03:04 +02:00
.github/workflows AnvilTerminal theme for Vencord 2026-09-27 16:57:29 +02:00
tests Green ring on servers with people in voice 2026-09-27 17:03:04 +02:00
.gitignore AnvilTerminal theme for Vencord 2026-09-27 16:57:29 +02:00
AnvilTerminal.theme.css Green ring on servers with people in voice 2026-09-27 17:03:04 +02:00
build.mjs Green ring on servers with people in voice 2026-09-27 17:03:04 +02:00
LICENSE AnvilTerminal theme for Vencord 2026-09-27 16:57:29 +02:00
package.json Green ring on servers with people in voice 2026-09-27 17:03:04 +02:00
README.md Green ring on servers with people in voice 2026-09-27 17:03:04 +02:00

ArikuTermiweestyleVencord

AnvilTerminal for Discord: terminal-green accents on VS Code grey, Fira Code for the UI and JetBrains Mono for code, code blocks on a black terminal. The Discord side of ArikuTermiweestyleXfce (same palette). Servers (and folders) where someone is in voice or streaming get a green ring. For Vencord / Vesktop; works in BetterDiscord too.

Install (Online Themes)

Vencord → Settings → Themes → Online Themes, paste:

https://raw.githubusercontent.com/arikukaenbyou/ArikuTermiweestyleVencord/main/AnvilTerminal.theme.css

It follows this repository, so fixes arrive by themselves. Use one of Discord's dark themes (Dark, Darker or Midnight) — the light theme is left untouched.

BetterDiscord / offline: download AnvilTerminal.theme.css into your themes folder.

Customise

Put this in QuickCSS (Vencord → Settings → Themes → Edit QuickCSS):

:root {
  --anvil-font: 'gg sans', sans-serif;       /* back to Discord's UI font */
  --anvil-font-code: 'JetBrains Mono', monospace;
  --anvil-font-size-adjust: 0.5;             /* text size, default 0.475; none = Discord's sizes */
  --anvil-voice-ring: transparent;           /* no green ring on servers with people in voice */
}

How it works

Instead of hashed class names, it overrides Discord's own design tokens, which change far less often:

  • the brand ramp (--blurple-1…99) keeps Discord's saturation and lightness per step but gets the green hue, so buttons, switches, mentions, unread pills and focus rings all turn green with the contrast Discord designed for them;
  • the surface, text and border tokens of the dark themes get the grey palette.
colour
accent #00ff66
chat #1f1f1f
channel list #181818
server list #141414
code blocks #0c0c0c
text #d7fce1

Development

node build.mjs   # palette lives in build.mjs -> AnvilTerminal.theme.css
npm test         # generator in sync, header, CSS sanity, and every token still exists in Discord's live CSS

CI runs the tests on every push and weekly, to catch Discord renaming a token.

Licence

MIT, see LICENSE. Fonts (Fira Code, JetBrains Mono) are loaded from Google Fonts under the SIL OFL.


Po polsku

AnvilTerminal dla Discorda: zielone akcenty terminala na szarości z VS Code, Fira Code w interfejsie, JetBrains Mono w kodzie i czarne tło bloków kodu. Ta sama paleta co motyw XFCE ArikuTermiweestyleXfce.

  • Instalacja: Vencord → Ustawienia → Motywy → Motywy online, wklej link: https://raw.githubusercontent.com/arikukaenbyou/ArikuTermiweestyleVencord/main/AnvilTerminal.theme.css Motyw sam się aktualizuje z tego repo. Działa z ciemnymi motywami Discorda (Ciemny, Ciemniejszy, Północ).
  • Zielona obwódka oznacza serwery i foldery, na których ktoś jest na voice albo streamuje (wyłączysz ją przez --anvil-voice-ring: transparent).
  • Czcionki zmienisz w QuickCSS przez --anvil-font i --anvil-font-code, a ich wielkość przez --anvil-font-size-adjust (domyślnie 0.475, czyli ok. 90%; none = rozmiary Discorda). Przykład wyżej.
  • Jak to działa: motyw nie opiera się na nazwach klas, tylko na zmiennych kolorów Discorda. Skala „blurple” dostaje zielony odcień przy zachowanej jasności, więc kontrasty zostają takie, jak zaprojektował je Discord. Testy co tydzień sprawdzają, czy Discord nie zmienił nazw zmiennych.