Exponent Discord Theme

A Windows XP style Discord theme.

Light mode	Dark mode

Installation

BetterDiscord

1. Download Exponent.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.

Replugged

Automatic

1. Click to install:
   • Replugged store

Manual

1. Download net.saltssaumure.Exponent.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.

Vencord

Local

1. Download Exponent.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/xp-discord-theme/Exponent.theme.css

Customisation

Description	Variable name	Valid values	Default value
Background image	--xp-background-image	Any image link encased in url().	url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.avif)
Background colour	--xp-background-color	Any colour.	#003300
Window titlebar colours	--xp-window-color-1, -2	Any colour.	#005AE7, #0372FF
Taskbar control colours	--xp-taskbar-color-1, -2, -3	Any colour.	#108CE4, #578CD0, #1665CA
Start button colours	--xp-start-color-1, -2	Any colour.	#008000, #38C438
Shortcut icon colours	--xp-shortcut-color-1, -2	Any colour.	#0CA80C, #008000
Ping bubble colour	--xp-ping-color	Any colour.	#E64D1C
BSOD background colour	--bsod-color	Any colour.	navy
BSOD text	--bsod-text	Any quoted text. Use \A for new lines.	Read here.
Panel background colour	--xp-bg-color	Any colour.	#000 (dark) / #FFF (light)
Panel settings icon colour	--xp-set-color	Any colour, preferably translucent.	#FFFFFFB3 (dark) / #000000B3 (light)
Panel hovered item colour	--xp-hover-color	Any colour.	#102030 (dark) / #D3D3D3 (light)
Panel top decoration colour	--xp-zing-color	Any colour.	#A05000 (dark) / #FFA500 (light)
Panel text colour	--xp-txt-color	Any colour.	#FFF (dark) / #000 (light)
Button highlight colour	--xp-bg-bright-color	Any colour.	#203040 (dark) / #F0EFED (light)
Button background colour	--xp-bg-tint-color	Any colour.	#202020 (dark) / #EBE8D7 (light)
Button shadow colour	--xp-bg-shade-color	Any colour.	#101010 (dark) / #808080 (light)
Button/panel border colour	--xp-border-color	Any colour.	#1665CA (dark) / #000000 (light)

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-57 of Exponent.theme.css.
4. Edit the variable values and save.

Vencord

Local

2. Open Themes Folder in Settings > Vencord > Themes > Local Themes
3. Open Exponent.theme.css with your favourite text editor.
4. 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-57 of Exponent.theme.css.
3. Edit the variable values.

Addons

See Addons for mini-themes designed to be used alongside Exponent to add extra optional features.

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?

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