/pios-theme-custom

Get customized nerd.

Primary LanguageCSSGNU General Public License v3.0GPL-3.0

piOS Discord Theme

GitHub downloads Total size

SUPERHOT piOS inspired theme built for BetterDiscord.

Screenshot of piOS Discord Theme applied to Discord desktop client

Installation

  1. Install BetterDiscord.
  2. Download the theme file:
  3. Place theme file in BD's theme folder:
    • Windows: %AppData%/BetterDiscord/themes
    • Mac: ~/Library/Application Support/betterdiscord/themes
    • Linux: ~/.config/BetterDiscord/themes

Customisation

Message display

Cosy mode uses regular Discord layout, while Compact mode has piOS-style boxes.

  • Discord setting: User Settings > App Settings > Appearance > Message Display.
Cosy Compact
Cosy Compact

Glow intensity

Brightness of text glow and status indicator glow.

  • Theme setting: change value of --glow-intensity to a number between 0 and 1.
  • Default value: 1 (100% brightness).
1 (full glow) 0 (no glow)
image image image image

Compact message spacing

Affects spacing between messages in Compact mode (see above).

  • Theme setting: change value of --compact-message-spacing to any positive or zero number.
  • Default value: 1 (100% of default spacing).
1 (default) 2.5
Messages are relatively close together. Spacing between messages is much increased.

Colour accents

Affects colour scheme used throughout the theme.

  • Theme setting: change value of --accent-color to any number. Use a HSL colour picker (eg. React Color) and copy the H value.
  • Default value: 0 (red).
Color picker Result
Purple in a colour picker with its H value 270 selected. Screenshot of piOS Discord Theme where all colour accents are purple.

CRT overlay

Adds CRT monitor style overlay to the whole window.

  • Theme settings: change value(s) of --crt-overlay, --crt-scanline, --crt-flicker.
  • Values: block/none, block/none, flicker/none.

Screenshot of piOS Discord Theme with CRT overlay enabled.

Video demonstration of animated scanline

Customisable title text

Adds customisable title text to replace the Discord logo.

  • Theme setting: change value of --title-text to any text in quotations.
  • Default value: "piOS v2.1.01p".

image

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.

Questions or suggestions?