piOS Discord Theme

A customisable SUPERHOT piOS inspired Discord theme.

Dark mode	Light mode

Installation

BetterDiscord

1. Download piOS.theme.css:
   • BetterDiscord store
   • GitHub
2. Place the file in the themes folder:
   • Settings > BetterDiscord > Themes > Open Themes Folder
3. Toggle on the theme card.

Replugged

Automatic

1. Click to install:
   • Replugged store

Manual

1. Download net.saltssaumure.piOS.asar:
   • GitHub
2. Place the file in the themes folder:
   • Settings > Replugged > Themes > Open Themes Folder
3. Click Load Missing Themes and toggle on the theme card.

Vencord

Local

1. Download piOS.theme.css:
   • BetterDiscord store
   • GitHub
2. Place the file in the themes folder:
   • Settings > Vencord > Themes > Local Themes > Open Themes Folder
3. Click Load missing Themes and toggle on the theme card.

Online

1. 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

1. Open Settings > BetterDiscord > Themes.
2. Click the pencil icon on this theme.
3. Edit the variable values and save changes.

Replugged

1. Enable Automatically Apply Quick CSS in Settings > Replugged > General.
2. Open Settings > Replugged > Quick CSS.
3. Copy and paste lines 15-20 of piOS.theme.css.
4. Edit the variable values and save.

Vencord

Local

1. Open Themes Folder in Settings > Vencord > Themes > Local Themes
2. Open piOS.theme.css with your favourite text editor.
3. Edit the variable values and save.

Online

1. Enable Custom CSS in Settings > Vencord > Vencord and click Open QuickCSS File.
2. Copy and paste lines 15-20 of piOS.theme.css.
3. 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-support on my support server.