https://github.com/refact0r/system24

a tui-style discord theme
https://github.com/refact0r/system24

betterdiscord-theme discord-theme vencord-theme

Last synced: about 2 months ago
JSON representation

a tui-style discord theme

• Host: GitHub
• URL: https://github.com/refact0r/system24
• Owner: refact0r
• License: mit
• Created: 2024-06-08T05:25:47.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-17T01:49:19.000Z (about 2 months ago)
• Last Synced: 2024-09-17T05:37:49.389Z (about 2 months ago)
• Topics: betterdiscord-theme, discord-theme, vencord-theme
• Language: CSS
• Homepage:
• Size: 4.83 MB
• Stars: 875
• Watchers: 3
• Forks: 26
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-useful-projects - <img src="https://icon.horse/icon/github.com" height="20px" align="center"/>/refact0r/system24 - TUI-style Discord theme (Jump To / Customizations)
• awesome-useful-projects - <img src="https://icon.horse/icon/github.com" height="20px" align="center"/>/refact0r/system24 - TUI-style Discord theme (Jump To / Customizations)

README

        
![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 

## 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)