Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saltssaumure/pios-discord-theme
A SUPERHOT piOS inspired Discord theme.
https://github.com/saltssaumure/pios-discord-theme
betterdiscord betterdiscord-theme replugged replugged-theme vencord vencord-theme
Last synced: 15 days ago
JSON representation
A SUPERHOT piOS inspired Discord theme.
- Host: GitHub
- URL: https://github.com/saltssaumure/pios-discord-theme
- Owner: Saltssaumure
- License: gpl-3.0
- Created: 2019-12-10T18:06:20.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2024-04-22T02:41:58.000Z (7 months ago)
- Last Synced: 2024-04-22T04:20:43.279Z (7 months ago)
- Topics: betterdiscord, betterdiscord-theme, replugged, replugged-theme, vencord, vencord-theme
- Language: SCSS
- Homepage:
- Size: 2.92 MB
- Stars: 113
- Watchers: 6
- Forks: 113
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[dark]: https://saltssaumure.github.io/pios-discord-theme/preview/dark.png
[light]: https://saltssaumure.github.io/pios-discord-theme/preview/light.png
[cosy]: https://saltssaumure.github.io/pios-discord-theme/preview/cosy.png
[compact]: https://saltssaumure.github.io/pios-discord-theme/preview/compact.png
[glow-1a]: https://user-images.githubusercontent.com/29710355/165006236-eeddba57-b7d6-4bd6-81af-1f649c5000dc.png
[glow-1b]: https://user-images.githubusercontent.com/29710355/165006394-3f6b4379-a35f-4506-a855-6a86d9e1f142.png
[glow-0a]: https://user-images.githubusercontent.com/29710355/165006329-896ad462-f94d-447a-acd6-75cb0573cae4.png
[glow-0b]: https://user-images.githubusercontent.com/29710355/165006379-8c60fedd-7f42-4f70-a134-33da1a5211e4.png
[spacing-1]: https://user-images.githubusercontent.com/29710355/162553148-11c5bf02-7b9d-4d46-a8b6-bba509759452.png
[spacing-2.5]: https://user-images.githubusercontent.com/29710355/162553169-ef3c2230-5527-4736-9c7f-a4ef1d1f51f1.png
[hue-picker]: https://user-images.githubusercontent.com/29710355/162552090-57011aeb-8b97-45e6-a96c-d13287761cf8.png
[hue-screenshot]: https://user-images.githubusercontent.com/29710355/162551985-ed568020-7f12-4300-ad31-0c5a66be4645.png
[title-text]: https://user-images.githubusercontent.com/29710355/185759617-42fc6937-4523-4559-ba9c-5e9bb2ba8d3c.png
[crt-stripe]: https://user-images.githubusercontent.com/29710355/182611054-c0cb9122-1eac-42ec-93d1-ab5a203a7e15.png
[crt-scanline]: https://drive.google.com/uc?id=1xFbTWA5qIZAurVJdjOptnCd6OMBLBfEz
[css-color]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
[discord]: https://discord.gg/uy8nKQVatp
[BetterDiscord]: https://betterdiscord.app/
[Replugged]: https://replugged.dev/
[Vencord]: https://github.com/Vendicated/Vencord
[shield-donate]: https://img.shields.io/badge/Donate-ko--fi-orange?style=flat-square&logo=kofi&logoColor=orange
[ko-fi]: https://ko-fi.com/saltssaumure "Buy me a coffee!"
[shield-bd-dl]: https://img.shields.io/github/downloads/Saltssaumure/pios-discord-theme/piOS.theme.css?color=purple&label=Downloads&style=flat-square
[shield-asar-dl]: https://img.shields.io/github/downloads/Saltssaumure/pios-discord-theme/net.saltssaumure.piOS.asar?color=purple&label=Downloads&style=flat-square
[shield-repo-size]: https://img.shields.io/github/repo-size/Saltssaumure/pios-discord-theme?label=Repository&style=flat-square
[github]: https://github.com/Saltssaumure/pios-discord-theme
[issues]: https://github.com/Saltssaumure/pios-discord-theme/issues
[license]: https://github.com/Saltssaumure/pios-discord-theme/blob/main/LICENSE
[.theme.css]: https://github.com/Saltssaumure/pios-discord-theme/blob/main/piOS.theme.css
[release-bd]: https://betterdiscord.app/theme/?id=572 "BetterDiscord store page"
[release-rp]: https://replugged.dev/store/net.saltssaumure.piOS "Replugged store page"
[release-bd-gh]: https://github.com/Saltssaumure/pios-discord-theme/releases/latest/download/piOS.theme.css "Get latest release"
[release-rp-gh]: https://github.com/Saltssaumure/pios-discord-theme/releases/latest/download/net.saltssaumure.piOS.asar "Get latest release"
# piOS Discord Theme
[![Buy me a coffee on ko-fi][shield-donate]][ko-fi]
[![BetterDiscord GitHub downloads][shield-bd-dl]][release-bd-gh]
[![Replugged GitHub downloads][shield-asar-dl]][release-rp-gh]
[![Total repository size][shield-repo-size]][github]
***A customisable SUPERHOT piOS inspired Discord theme.***
| Dark mode | Light mode |
| ------------------------------------------ | -------------------------------------------- |
| ![piOS dark mode applied to Discord][dark] | ![piOS light mode applied to Discord][light] |
## Installation
### [BetterDiscord][BetterDiscord]
Click to expand
1. Download `piOS.theme.css`:
- [BetterDiscord store][release-bd]
- [GitHub][release-bd-gh]
2. Place the file in the themes folder:
- `Settings` > `BetterDiscord` > `Themes` > `Open Themes Folder`
3. Toggle on the theme card.
### [Replugged][Replugged]
Click to expand
#### Automatic
1. Click to install:
- [Replugged store][release-rp]
#### Manual
1. Download `net.saltssaumure.piOS.asar`:
- [GitHub][release-rp-gh]
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][Vencord]
Click to expand
#### Local
1. Download `piOS.theme.css`:
- [BetterDiscord store][release-bd]
- [GitHub][release-bd-gh]
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][cosy] | ![Compact mode][compact] |
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][glow-1a], [icon][glow-1b] / `0` [chat][glow-0a], [icon][glow-0b] |
| Compact message spacing | `--pios-spacing` | A number `0` or above. | `1` (default spacing) | [`1` spacing][spacing-1] / [`2.5` spacing][spacing-2.5] |
| Colour accent hue | `--pios-accent-hue` | Any number. | `0` (red) | `270` (purple) [colour picker][hue-picker], [screenshot][hue-screenshot] |
| Title bar text | `--pios-title-text` | Any quoted text. | `"piOS v2.1.01p"` | [Screenshot][title-text] |
| Scanline stripes on/off | `--crt-stripe` | `block` (on) or `none` (off). | `block` | [Screenshot][crt-stripe] |
| ⛐ Moving scanline on/off | `--crt-scanline` | `block` (on) or `none` (off). | `block` | [Video][crt-scanline] |
| ⚠ Screen flicker on/off | `--crt-flicker` | `flicker` (on) or `none` (off). | `none` | |
| Background colour | `--pios-background-color` | Any [colour][css-color]. | `#000000` (dark) / `#FFFFFF` (light) | |
| Bright foreground colour | `--pios-bright-color` | Any [colour][css-color]. | `#FFFFFF` (dark) / `#000000` (light) | |
| Middle foreground colour | `--pios-middle-color` | Any [colour][css-color]. | `#D3D3D3` (dark) / `#696969` (light) | |
| Dim foreground colour | `--pios-dim-color` | Any [colour][css-color]. | `#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`][.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`][.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][license] for more details.
## Credits
### Themes
[radialstatus]: https://github.com/DiscordStyles/RadialStatus
[squared]: https://github.com/MiniDiscordThemes/Squared
[crt]: https://github.com/MiniDiscordThemes/CRT
- [RadialStatus](https://github.com/DiscordStyles/RadialStatus) by [DiscordStyles](https://github.com/DiscordStyles) ([Gibbu](https://github.com/Gibbu)) - MIT license
- [Squared][squared] by [MiniDiscordThemes](https://github.com/MiniDiscordThemes) ([Saltssaumure](https://github.com/Saltssaumure)) - MIT license
- [CRT][crt] by [MiniDiscordThemes](https://github.com/MiniDiscordThemes) ([Saltssaumure](https://github.com/Saltssaumure)) - MIT license
### Fonts
[dos]: https://www.dafont.com/perfect-dos-vga-437.font
[fixedsys]: https://github.com/kika/fixedsys
- [Perfect DOS VGA 437][dos] by [Zeh Fernando](https://www.dafont.com/zeh-jose-fernando-baldo-caneiro.d467) - "The license is this: this font is free to use in whatever you want."
- [Fixedsys Excelsior][fixedsys] by [bathos](https://github.com/Bathos) and [kika](https://github.com/kika) - Public domain / CC0
## Questions or suggestions?
- Post [an issue][issues] on GitHub.
- Post in `#theme-support` on [my support server][discord].