piOS thumbnail

piOS

By Saltssaumure
Version: 9.3
Updated: 05/08/2023 05:17:29
Downloads: 42,671
SUPERHOT piOS inspired theme. With customisable colours, supports cosy and compact mode.

piOS Discord Theme

Buy me a coffee on ko-fi BetterDiscord GitHub downloads Replugged GitHub downloads Total repository size

A customisable SUPERHOT piOS inspired Discord theme.

Dark mode Light mode
piOS dark mode applied to Discord piOS light mode applied to Discord

Installation

BetterDiscord

  1. Download piOS.theme.css:
  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:

Manual

  1. Download net.saltssaumure.piOS.asar:
  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:
  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
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

Questions or suggestions?

Actions

About

Author

User avatar
Saltssaumure
Server icon
SUPERHOT Official

Support Server

Join Server

Tags

customizable dark game high-contrast black