- Go the default theme file or choose a flavor from the options below.
- Click the Download button in the top right.
- Move the downloaded file into your theme folder.
(there should be a button to open the theme folder in theme settings) - You may need to enable the theme in your theme settings by clicking a toggle switch.
- (optional) Customize the theme by copying and editing the root variables from
/src/main.css
to yoursysmol24.theme.css
.
- Add
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/sysmol24.theme.css
to your theme import links.
Note
Rounding is enabled by default, if you want otherwise, insert unrounding.css yourself!
Dark (default)
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/sysmol24.theme.css
Light
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/light/main.theme.css
Spotify
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/spotify-text/main.theme.css
Catppuccin Mocha
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/catppuccin-mocha/main.theme.css
Catppuccin Macchiato
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/catppuccin-macchiato/main.theme.css
Catppuccin Frappe
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/catppuccin-frappe/main.theme.css
Catppuccin Latte
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/catppuccin-latte/main.theme.css
Monochrome
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/monochrome/main.theme.css
Monokai-Pro Yellow
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/monokai-pro-yellow/main.theme.css
Gruvbox Material
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/gruvbox-material/main.theme.css
Vencord
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/vencord/main.theme.css
Tokyo Night
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/tokyo-night/main.theme.css
Rosepine
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/rosepine/main.theme.css
Night Owl
https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/flavors/night-owl/main.theme.css
You can now spice up your flavor with add-ons inside the /theme/modules
folder!
If you've picked one you like, simply insert them using QuickCSS.
- e.g.
@import url('https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/modules/auto-collapsible.css');
(or just install it through the link itself)
system24 - original theme on which sysmol24 is based
Smol - theme that makes discord collapsible