Exponent thumbnail

Exponent

By Saltssaumure
Version: 1.4
Updated: 07/14/2023 22:02:20
Downloads: 74,145
A Windows XP style theme built for BetterDiscord.

Exponent Discord Theme

Buy me a coffee on ko-fi BetterDiscord GitHub downloads Replugged GitHub downloads Total repository size

A Windows XP style Discord theme.

Light mode Dark mode
Screenshot of Exponent light mode applied to Discord Screenshot of Exponent dark mode applied to Discord

Installation

BetterDiscord

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

Manual

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

Screenshot of Exponent with customised colours

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

  1. Open Themes Folder in Settings > Vencord > Themes > Local Themes
  2. Open Exponent.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-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?

Actions

About

Author

User avatar
Saltssaumure
Server icon
SUPERHOT Official

Support Server

Join Server

Tags

layout nature dark light blue