piOS Discord Theme

A customisable SUPERHOT piOS inspired Discord theme.

Dark mode	Light mode

Installation

BetterDiscord

<details> <summary>Click to expand</summary>

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.

</details>

Replugged

<details> <summary>Click to expand</summary>

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.

</details>

Vencord

<details> <summary>Click to expand</summary>

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

</details>

Customisation

To switch between Cosy and Compact mode, go to the Discord settings:

• Settings > App Settings > Appearance > Message Display.

Cosy mode	Compact mode

To edit the following variables, follow the instructions for your client mod.

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

<details> <summary>Click to expand</summary>

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

</details>

Replugged

<details> <summary>Click to expand</summary>

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.

</details>

Vencord

<details> <summary>Click to expand</summary>

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.

</details>

License

Copyright (c) 2019-2024 Saltssaumure

This theme is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This theme is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

Credits

Themes

• RadialStatus by DiscordStyles (Gibbu) - MIT license
• Squared by MiniDiscordThemes (Saltssaumure) - MIT license
• CRT by MiniDiscordThemes (Saltssaumure) - MIT license

Fonts

• Perfect DOS VGA 437 by Zeh Fernando - "The license is this: this font is free to use in whatever you want."
• Fixedsys Excelsior by bathos and kika - Public domain / CC0

Questions or suggestions?

• Post an issue on GitHub.
• Post in #theme-support on my support server.