This script/stylesheet is for PERSONAL use only!
You are free to install this script/stylesheet for yourself, but it is not allowed to be used wiki-wide (e.g., in MediaWiki:ImportJS, MediaWiki:Common.js, MediaWiki:Common.css, MediaWiki:Fandomdesktop.js, MediaWiki:Fandomdesktop.css, or MediaWiki:FandomMobile.css), as it would violate Fandom's Terms of Use.
(See the customization policy)
DiscordTheme styles Fandom to resemble Discord and tries to reduce strain on readers' eyes by implementing a dark background. It currently affects the global navigation, notifications, background, global footer, scrollbar, search modal, and toolbar.
Installation
Customization
You can customize the theme by changing the CSS variables (prefixed with --discord-) on the :root element.
If you want the theme to use the old Discord blurple, you can add the CSS along with the installation.
:root {
--discord-accent: #7289DA;
--discord-accent-secondary: #8BA1F0;
--discord-accent-dark: #4B5EA3;
}
Color scheme
- Accent
#5865F2for main links and accents$discord-accent - Accent (secondary)
#949cf7for darker links$discord-accent-secondary - Accent (dark)
#4752c4for link hovers$discord-accent-dark - Link
#00b0f4for search links$discord-link - Ping
#ed4245for notifications unread icon$discord-ping - Success
#3ba55dfor "Start a Wiki" button$discord-success - Text
#eeefor text and icons$discord-text - Text (muted)
#72767dfor inactive text$discord-text-muted - Background (primary)
#36393ffor notifications, QuickBar, scrollbar, and search background$discord-background-primary - Background (secondary)
#2f3136for global nav, read notifications, and footer background$discord-background-secondary - Background (tertiary)
#202225for dropdowns and notifications header background, scrollbar thumb$discord-background-tertiary - Background (accent)
#4f545cfor global nav icons and link background$discord-background-accent
Changelog
| Version | Date | Description | Author |
|---|---|---|---|
| 1.0 | May 28, 2020 | Initial revision. | Lavgup |
| 1.1 | May 28, 2020 | Removed rainbow animation upon hover of Fandom logo in the global navigation. | Lavgup |
| 1.2 | May 13, 2021 | Changed the color of the links to match with Discord's new branding. | Paramount1106 |
| 2.0 | June 7, 2021 | Rewrite to support FandomDesktop. | Caburum |
| 2.1 | August 8, 2021 | Rewrite to support Fandom rebrand and added more features. | Caburum |