Exponent Discord Theme
A Windows XP style Discord theme.
Light mode | Dark mode |
---|---|
Installation
BetterDiscord
- Download
Exponent.theme.css
: - Place the file in the themes folder:
-
Settings
>BetterDiscord
>Themes
>Open Themes Folder
-
- Toggle on the theme card.
Replugged
Automatic
- Click to install:
Manual
- Download
net.saltssaumure.Exponent.asar
: - Place the file in the themes folder:
-
Settings
>Replugged
>Themes
>Open Themes Folder
-
- Click
Load Missing Themes
and toggle on the theme card.
Vencord
Local
- Download
Exponent.theme.css
: - Place the file in the themes folder:
-
Settings
>Vencord
>Themes
>Local Themes
>Open Themes Folder
-
- Click
Load missing Themes
and toggle on the theme card.
Online
- 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
- Open
Settings
>BetterDiscord
>Themes
. - Click the pencil icon on this theme.
- Edit the variable values and save changes.
Replugged
- Enable
Automatically Apply Quick CSS
inSettings
>Replugged
>General
. - Open
Settings
>Replugged
>Quick CSS
. - Copy and paste lines 15-57 of
Exponent.theme.css
. - Edit the variable values and save.
Vencord
Local
-
Open Themes Folder
inSettings
>Vencord
>Themes
>Local Themes
- Open
Exponent.theme.css
with your favourite text editor. - Edit the variable values and save.
Online
-
Enable Custom CSS
inSettings
>Vencord
>Vencord
and clickOpen QuickCSS File
. - Copy and paste lines 15-57 of
Exponent.theme.css
. - 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.