GitPedia

Xp discord theme

A Windows XP style Discord theme.

From Saltssaumure·Updated June 14, 2026·View on GitHub·

[light]: https://saltssaumure.github.io/xp-discord-theme/preview/exponent1.png [dark]: https://saltssaumure.github.io/xp-discord-theme/preview/exponent2.png [customised]: https://saltssaumure.github.io/xp-discord-theme/preview/exponent3.png [withSC]: https://saltssaumure.github.io/xp-discord-theme/preview/withSystemColor.png The project is written primarily in SCSS, distributed under the GNU Affero General Public License v3.0 license, first published in 2022. Key topics include: betterdiscord, betterdiscord-theme, discord-theme, replugged, replugged-theme.

Latest release: v1.9.0
June 26, 2024View Changelog →

Exponent Discord Theme

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

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

Light modeDark modeWith SystemColor
Exponent in light modeExponent in dark modeExponent with SystemColor

Installation

BetterDiscord

<details> <summary>Click to expand</summary>
  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.
</details>

Replugged

<details> <summary>Click to expand</summary>

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.
</details>

Vencord

<details> <summary>Click to expand</summary>

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
</details>

Customisation

Screenshot of Exponent with customised colours

Variable nameDescriptionValid valuesDefault value
--xp-background-imageBackground imageAny image link encased in url().url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.avif)
--xp-background-colorBackground colourAny colour.#003300
--xp-window-color-1, -2Window titlebar coloursAny colour.#005AE7, #0372FF
--xp-taskbar-color-1, -2, -3Taskbar control coloursAny colour.#108CE4, #578CD0, #1665CA
--xp-start-color-1, -2Start button coloursAny colour.#008000, #38C438
--xp-shortcut-color-1, -2Shortcut icon coloursAny colour.#0CA80C, #008000
--xp-ping-color-1, -2Ping bubble coloursAny colour.#E64D1C, #C73207
--xp-tooltip-color-1, -2Tooltip coloursAny colour.#F0EFED, #EBE8D7
--xp-avatar-shineToggle avatar shineon or offon
--bsod-colorBSOD background colourAny colour.navy
--bsod-textBSOD textAny text. Use \A for new lines.Read here.
--xp-bg-colorPanel background colourAny colour.#000 (dark) / #FFF (light)
--xp-set-colorPanel settings icon colourAny colour, preferably translucent.#FFFFFFB3 (dark) / #000000B3 (light)
--xp-hover-colorPanel hovered item colourAny colour.#102030 (dark) / #D3D3D3 (light)
--xp-zing-colorPanel top decoration colourAny colour.#A05000 (dark) / #FFA500 (light)
--xp-txt-colorPanel text colourAny colour.#FFF (dark) / #000 (light)
--xp-bg-bright-colorButton highlight colourAny colour.#203040 (dark) / #F0EFED (light)
--xp-bg-tint-colorButton background colourAny colour.#202020 (dark) / #EBE8D7 (light)
--xp-bg-shade-colorButton shadow colourAny colour.#101010 (dark) / #808080 (light)
--xp-border-colorButton/panel border colourAny colour.#1665CA (dark) / #000000 (light)

BetterDiscord

<details> <summary>Click to expand</summary>
  1. Open Settings > BetterDiscord > Themes.
  2. Click the pencil icon on this theme.
  3. Edit the variable values and save changes.
</details>

Replugged

<details> <summary>Click to expand</summary>
  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.
</details>

Vencord

<details> <summary>Click to expand</summary>

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.
</details>

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

Assets

  • Bliss by Microsoft (Charles O'Rear)

Questions or suggestions?

Contributors

Showing top 1 contributor by commit count.

View all contributors on GitHub →

This article is auto-generated from Saltssaumure/xp-discord-theme via the GitHub API.Last fetched: 6/29/2026