Exponent thumbnail

Exponent

By Saltssaumure
Version: 1.4
Updated: 07/14/2023 22:02:20
Downloads: 46,795
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 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. Install BetterDiscord.
  2. Download the theme file:
  3. Place theme file in the themes folder:
    • Windows: %AppData%/BetterDiscord/themes
    • Mac: ~/Library/Application Support/betterdiscord/themes
    • Linux: ~/.config/BetterDiscord/themes

Replugged

  1. Install Replugged.
  2. Install the theme:

Vencord

  1. Install Vencord.
  2. Paste the following in Settings > Vencord > 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. Open Settings > Replugged > Quick CSS.
  2. Copy and paste lines 15-57 of Exponent.theme.css.
  3. Edit the variable values and apply changes.

Vencord

Standard method

  1. Follow the instructions in Settings > Vencord > Themes.

Recommended method

  1. Open Settings > Vencord > Vencord.
  2. Toggle on Enable Custom CSS and click Open QuickCSS File.
  3. Copy and paste lines 15-57 of Exponent.theme.css.
  4. 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

Download Preview

About

Version: 1.4 Downloads: 46,795 Added: 11/05/2022 04:45:05 Last Updated: 07/14/2023 22:02:20 Hash: bccdbdba52d47a51c12c5cf77325f27498337afd Source: https://github.com/Saltssaumure/xp-discord-theme

Author

User avatar
Saltssaumure
Server icon
SUPERHOT Official

Support Server

Join Server

Tags

layout nature dark light blue
Easter egg