saltssaumure/xp-discord-theme

A Windows XP style Discord theme.

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.

xp-discord-theme's Issues

SUGGESTION: Turn the discord loading screen into the windows XP loading screen

Title says it all, thought it would be cool. Not sure if its possible.

Great theme by the way, I had no clue css could even do half of this lmfao

Exponent Theme Not Working

It works now.

Pictures are out of bounds, when clicking on them

When you are clicking on a picture the BSOD shows up as expected, but the Picture to display is masively off-center and depending on the picutre size even out of bounds. Picture and taskbar are censored for... various reasons :D

OS used: Win 10
Discord used: Current Vencord Version as of Sept. 17 2023, 6:30pm

discord server channel list no longer highlights the current text channel you are on

before if you were tabbed into a text channel, it would put a blue highlight on the channel name

now being tabbed in a text channel no longer gives this blue highlight (in this image for reference i am currently inside of the general text channel)

Group DM members list not in separate window

In servers, the members list appears as a separate window. In group DMs, the list appears beside main chat like vanilla discord.

This is inconsistent and should be fixed if possible.

Titlebar broken on macOS

theme not scaling correctly

on my laptop i have 125% zoom and the theme doesn't seem to scale correctly as some of the borders get cut off

Theme broken from Feb 2024 update

Literally out of nowhere the theme broke, Discord refused to restart when I tried reinstalling the theme and I ended up being forced to reboot my whole PC.

Bliss background image

The background image gets slightly cropped when full-screening a screen share.

Forgive the sea of thieves content - If you look at the background, along one of the sides, you will notice it "jumps" slightly.

The intended size of the image is, presumably, what it is when you're not full-screening a screen share, as that is the way bliss looks in settings as well.

Running BD, version 1.8.5, and the theme is version 1.3

Any and all help is appreciated!

Taskbar Control is Broken

Is there a way to fix this?

Image Previews get cut off

Whenever you open a preview for an image, if it's large enough it may get cut off your screen.

The background has changed to gray.

So it was fine for maybe 1h after I downloaded it and after that the background changed from the windows xp to a gray screen.
I tried to re install the theme but it didn't change anything it was still gray

Image preview error window

Hello! Just wanted to say this theme rules! I just think there's a little error. When I look at images or an update window pops up the background becomes a fake windows error screen. Im not sure if its intentional but it just looks a little weird when trying to look at images.

VC status bar overlaps message bar buttons

this panel hides the emoji so i cant use it

background image won't change

This is the first time this happened and I don't know why it won't change. I changed the image url months ago and it was fine but now it won't change it at all. I tried deleting and reinstalling, deleting cache data, repairing better discord and installing it and nothing has worked. this was the image i use to have it as before it changed back to default.

https://wallpaperaccess.com/full/4960562.jpg

I can't interact with the task bar

Whenever I press the server icon it does nothing. I also couldn't move the "Find or start a conversation" so I went into the css and moved it up.

New discord update(avatars) mightve broken the theme

I opened discord today to be greeted with an avatar icon feature and it moved the theme down a notch which also made the taskbar unusable

exit button disappears when in settings sometimes

please fix

Image Preview pulls up BSOD screen

Opening an image preview will display the image preview & the BSOD screen. Clicking outside the preview will return discord to normal.

Using v1.9.2 of Better Discord on Stable 204204 (942e9ba) Host 1.0.9013 (32266) Windows 10 64-Bit (10.0.19045)

Small problem with User Settings

Not really that big of an issue but when you go to User Settings the esc button sticks out of the border, this is on Windows 10. Happens for 'My Account' and 'Profiles' sections, is there a way to fix this? Other than that, theme works great and is very satisfying to look at 👍

screenshare fullscreen button gets covered in group chats by member list when chat is enabled

under the member list is the fullscreen button, maybe moving the button to the left a bit would be a good fix for this

[BUG] Horizontal Server List - Size Broke

The horizontal Server list has become scuffed after recent updates.

Make user avatar shine toggle-able

Common request from users on support server asking for an option to remove user avatar shine.

Current solution to add this in Custom/Quick CSS:

.wrapper_edb6e0::before {
    display: none;
}

Profiles broken

Whenever I open someones profile, in server or DM, the rest of the screen goes blue screen of death.

Problem with the theme

No change due to new discord update.