Important

This project has been abandoned! Discord fully rolled out the new UI which also adds the ability to resize the sidebar, making this theme kinda pointless now.
I will be adding some of the features from here to my own system24 rewrite I've been working on recently.
You can also use the original theme now as refact0r has started working on it too.

sysmol24

A tui-style discord theme that makes system24 more collapsible with awesome new additions!

Installation methods

1. Vencord / BetterDiscord (or client with theme folder)

1. Go the default theme file or choose a flavor from the options below.
2. Click the Download button in the top right.
3. Move the downloaded file into your theme folder.
   (there should be a button to open the theme folder in theme settings)
4. You may need to enable the theme in your theme settings by clicking a toggle switch.
5. (optional) Customize the theme by copying and editing the root variables from /src/main.css to your sysmol24.theme.css.

2. Install through link

• Add https://raw.githubusercontent.com/Androser420/sysmol24/refs/heads/main/theme/sysmol24.theme.css to your theme import links.

Flavors

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

---

Modules

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/chat-indicators.css');
  (or just install it through the link itself)

---

3rd Party Fixes

Head over to the /third-party folder if you need further compatibility with some themes or plugins!

Credits

system24 - original theme on which sysmol24 is based
Smol - theme that makes discord collapsible

---

• More to come, suggestions and pull requests are very appreciated!