Skip to content

Saltssaumure/pios-discord-theme

Repository files navigation

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

Click to expand
  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.
Click to expand

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.
Click to expand

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

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

  • Settings > App Settings > Appearance > Message Display.
Cosy mode Compact mode
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

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

Replugged

Click to expand
  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

Click to expand

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

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

Fonts

Questions or suggestions?