> [!WARNING]  
> recently discord has rolled out a new UI refresh update, which breaks the theme. for now, development is paused. if and when i find the motivation, the theme will be rewritten for the new UI. until then, please check out my other theme, [midnight](https://github.com/refact0r/midnight-discord).

![preivew](/assets/preview.png)

# system24

a tui-style discord theme, inspired by [spicetify text theme](https://github.com/spicetify/spicetify-themes/tree/master/text).

![screenshot](/assets/screenshot3.png)

## discord server

need help? want to get notified about updates? have feedback? join <https://discord.gg/nz87hXyvcy>

## install

### vencord/betterdiscord (or client with theme folder)

1. go the [default theme file](https://github.com/refact0r/system24/blob/main/theme/system24.theme.css) 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 editing the variables in `system24.theme.css`.

### install through link

1. add `https://refact0r.github.io/system24/theme/system24.theme.css` to your theme import links.

## flavors

customized variants of the theme.

### spotify-text

matches the spotify/spicetify ["text" theme](https://github.com/spicetify/spicetify-themes/tree/master/text). thinner borders and different font weights from the default system24.

[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/spotify-text.theme.css)

![image](https://github.com/user-attachments/assets/f459f9fc-7b6c-4e9d-a8c9-4adefb0be417)

### catppuccin mocha

based on the mocha palette of [catppuccin](https://catppuccin.com/palette).

[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/catppuccin-mocha.theme.css)

![image](https://github.com/user-attachments/assets/994d35f6-90d8-4f99-bfce-c3df13f415d4)

### gruvbox material

based on the vim theme [gruvbox material](https://github.com/sainnhe/gruvbox-material).

[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/gruvbox-material.theme.css)

![image](/assets/gruv-material.png)

### monochrome

A monochrome version of the default theme with mostly neutral colors.

[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/monochrome.theme.css)

![image](/assets/monochrome.png)

### rose pine

based on the main palette of [rose pine](https://rosepinetheme.com/palette/).

[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/rosepine.theme.css)

![image](/assets/rosepine.png)
