piOS Discord Theme
A customisable SUPERHOT piOS inspired Discord theme.
| Dark mode | Light mode |
|---|---|
 |
 |
Installation
BetterDiscord
- Download
piOS.theme.css: - Place the file in the themes folder:
Settings>BetterDiscord>Themes>Open Themes Folder
- Toggle on the theme card.
Replugged
Automatic
- Click to install:
Manual
- Download
net.saltssaumure.piOS.asar: - Place the file in the themes folder:
Settings>Replugged>Themes>Open Themes Folder
- Click
Load Missing Themesand toggle on the theme card.
Vencord
Local
- Download
piOS.theme.css: - Place the file in the themes folder:
Settings>Vencord>Themes>Local Themes>Open Themes Folder
- Click
Load missing Themesand toggle on the theme card.
Online
- Paste the link in
Settings>Vencord>Themes>Online Themes:https://saltssaumure.github.io/pios-discord-theme/piOS.theme.css
Customisation
- Discord setting:
Settings>App Settings>Appearance>Message Display.
| Cosy mode | Compact mode |
|---|---|
 |
 |
| Description | Variable name | Valid values | Default value | Demonstration |
|---|---|---|---|---|
| Glow hue | --pios-glow-hue |
Any number. | 180 (cyan) |
|
| Glow intensity | --pios-glow-intensity |
A number between 0 and 1. |
1 (maximum brightness) |
1 chat, icon / 0 chat, icon |
| Compact message spacing | --pios-spacing |
A number 0 or above. |
1 (default spacing) |
1 spacing / 2.5 spacing |
| Colour accent hue | --pios-accent-hue |
Any number. | 0 (red) |
270 (purple) colour picker, screenshot |
| Title bar text | --pios-title-text |
Any quoted text. | "piOS v2.1.01p" |
Screenshot |
| Scanline stripes on/off | --crt-stripe |
block (on) or none (off). |
block |
Screenshot |
| ⛐ Moving scanline on/off | --crt-scanline |
block (on) or none (off). |
block |
Video |
| ⚠ Screen flicker on/off | --crt-flicker |
flicker (on) or none (off). |
none |
|
| Background colour | --pios-background-color |
Any colour. | #000000 (dark) / #FFFFFF (light) |
|
| Bright foreground colour | --pios-bright-color |
Any colour. | #FFFFFF (dark) / #000000 (light) |
|
| Middle foreground colour | --pios-middle-color |
Any colour. | #D3D3D3 (dark) / #696969 (light) |
|
| Dim foreground colour | --pios-dim-color |
Any colour. | #808080 (dark) / #A9A9A9 (light) |
- ⛐ This effect is performance-intensive.
- ⚠ This is a fast flickering effect and may not be suitable for those with photosensitive epilepsy.
BetterDiscord
- Open
Settings>BetterDiscord>Themes. - Click the pencil icon on this theme.
- Edit the variable values and save changes.
Replugged
- Enable
Automatically Apply Quick CSSinSettings>Replugged>General. - Open
Settings>Replugged>Quick CSS. - Copy and paste lines 15-20 of
piOS.theme.css. - Edit the variable values and save.
Vencord
Local
Open Themes FolderinSettings>Vencord>Themes>Local Themes- Open
piOS.theme.csswith your favourite text editor. - Edit the variable values and save.
Online
Enable Custom CSSinSettings>Vencord>Vencordand clickOpen QuickCSS File.- Copy and paste lines 15-20 of
piOS.theme.css. - Edit the variable values.
License
GNU General Public License v3.0
- TL;DR;NAL: Do whatever you want with this theme, as long as you allow others to do the same with your version.
Includes
- RadialStatus by Gibbu - MIT License
- Squared by Saltssaumure - MIT License
- CRT by Saltssaumure - MIT License
Questions or suggestions?
- Post an issue on GitHub.
- Post in
#theme-supporton my support server.