Skip to main content
Illegalcord theme support is built around CSS. The source code stores theme state through @api/Settings and loads CSS through src/api/Themes.ts.

​
Theme surfaces

​
Edit QuickCSS

1

Open the editor

Open Illegalcord Settings > Illegalcord and choose Edit QuickCSS, or open the Themes tab.
2

Write CSS

Add small CSS changes and save. QuickCSS reloads without rebuilding the client.
3

Back up your work

Export QuickCSS from Backup & Restore before large edits.

​
Add theme files

Use the Themes tab to open the themes folder when the native target supports it. Add .css files there, then reload themes from the UI.
Local files are easier to debug than long remote stylesheets. Start locally, then move to a hosted link when the theme is stable.
Theme links are useful for CSS hosted on GitHub, a personal site, or another trusted source. Add only links you trust. CSS can hide UI, imitate prompts, or make the client hard to use.

​
Build-friendly CSS advice

  • Prefer Discord CSS variables for broad styling.
  • Avoid relying on generated class name fragments in long-lived themes.
  • Keep QuickCSS small and use local theme files for larger work.
  • Use Backup & Restore > Export QuickCSS before experimenting.
A broken theme can make Discord hard to navigate. If that happens, remove the theme file, disable QuickCSS from settings data, or restore a known-good backup.