Exponent Discord Theme

A Windows XP style Discord theme. Recommended for use with SystemColor.

Light mode	Dark mode	With SystemColor

Installation

BetterDiscord

Click to expand

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

Click to expand

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

Click to expand

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

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

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

Vencord

Click to expand

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.

License

Copyright (c) 2022-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

• HorizontalServerList by DiscordStyles (Gibbu) - MIT license

Assets

• Bliss by Microsoft (Charles O'Rear)

Questions or suggestions?

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