Speedy | Discord theme

Discord cool theme!
当前为 2020-07-06 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Speedy | Discord theme
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Discord cool theme!
// @author       Speedy
// @icon         https://i.ibb.co/svzZ1BZ/Speedy-icon.png
// @match        *://discord.com/*
// @grant        GM_addStyle
// ==/UserScript==

var High = "#b45454"; // #2F3E4E
var Med = "#5e2a2a"; // #1B2C3E
var Low = "#240f0f"; // #162332
var textColor = "White"; // White
var fontFamily = "'Mada', sans-serif";

var fontLink = document.createElement('link');
fontLink.href = "https://fonts.googleapis.com/css2?family=Mada:wght@600&family=Reem+Kufi&display=swap";
document.head.appendChild(fontLink);

var menu = document.createElement('div');
menu.textContent = "test";
document.body.appendChild(menu);

GM_addStyle(`
@import url(${fontLink.href});
.theme-dark {
   --background: url(https://i.imgur.com/kJGcWiR.jpg);
   --background-primary: ${High};
   --background-secondary: ${Med};
   --background-tertiary: ${Low};
   --channeltextarea-background: ${High};
   --deprecated-panel-background: ${High};
}
.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-track-piece {
   background-color: ${Med};
   border: 3px solid ${High};
   border-radius: 7px;
}
.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-thumb {
   background-color: ${Low};
   border-color: ${High};
}
.inner-zqa7da {
   border: rgba(204, 204, 204, 0.27) solid 1px;
   border-radius: 0;
}
.container-2ax-kl {
   color: #ffffff;
}
.container-3baos1, .container-3baos1 .avatar-SmRMf2 {
   background-color: ${Low};
}
.scrollableContainer-2NUZem {
   background-color: ${Low};
}
.auto-Ge5KZx, .auto-Ge5KZx.fade-2kXiP2:hover {
   background-color: ${High};
}
.friendsEmpty-1K9B4k {
   background-color: ${High};
}
.theme-dark .body-3iLsc4, .theme-dark .footer-1fjuF6 {
   background-color: ${Low};
}
.headerTop-3C2Zn0 {
   background-color: ${High};
}
.theme-dark .quickMessage-1yeL4E {
   background-color: ${High};
}
.bodyTitle-Y0qMQz {
   color: #fff;
}
.scroller-3BxosC {
   background-color: ${Low};
}
.theme-dark .headerClickable-2IVFo9, .theme-dark .headerDefault-1wrJcN {
   background-color: ${Low};
}
.webhookRow-20TsIQ {
  background-color: ${Low};
}
.item-26Dhrx {
  background-color: ${Low};
}
.theme-dark .footer-2gL1pp {
   background-color: ${Low};
}
.theme-dark .tierBody-x9kBBp {
   background-color: ${Med};
}
.tierHeaderContent-2-YfvN {
  background-color: ${Low};
}
element.style {
   color: white;
}
.scroller-2hZ97C {
   background-color: ${High};
}
.header-1TKi98 {
   background-color: ${High};
}
.noScroll-3xWe_g {
   background-color: ${High};
}
.content-mK72R6 {
   background-color: ${High};
}
.content-2oypg3 {
   background-color: ${High};
}
.theme-dark .autocompleteArrow-Zxoy9H, .theme-dark .header-2bNvm4 {
  background-color: ${Low};
}
.autocompleteScroller-iInVqR {
   background-color: ${High};
}
.autocompleteRowVertical-q1K4ky {
   background-color: ${Med};
}
.theme-dark .selectorSelected-1_M1WV {
   background-color: ${High};
}
.container-1giJp5 {
   background-color: ${Low};
}
.userSettingsAccount-2eMFVR .userInfoEditing-1CEzdT, .userSettingsAccount-2eMFVR .userInfoViewing-16kqK3 {
   background-color: ${Med};
}
.formNotice-2_hHWR {
   background-color: ${Med};
}
.accountList-33MS45 {
   background-color: ${Med};
}
.theme-dark .codeRedemptionRedirect-1wVR4b {
   background-color: ${Med};
}
.contentWrapper-1VyP0K {
   background-color: ${High};
}
.theme-dark .row-rrHHJU.selected-1pIgLL {
   background: ${Med};
}
.container-3mrum_ {
   background-color: ${High};
}
.theme-dark .scrollerThemed-2oenus.themeGhostHairline-DBD-2d .scroller-2FKFPG {
   background-color: ${High};
}
.card-1yV8cG {
   background: ${Med};
}
.popout-2iWAc-, .popouts-2bnG9Z {
   background-color: ${High};
}
.addInputWrapper-1BOZ3d {
   background: ${High};
}
.mentioned-xhSam7 {
   background: ${Med};
}
.cozy-3raOZG .messageContent-2qWWxC {
   color: ${textColor};
   font-family: ${fontFamily};
}
.modeSelected-1zApJ_ .content-3at_AU, .modeSelected-1zApJ_:hover .content-3at_AU {
   background: ${High};
}
.px-10SIf7.botTag-2WPJ74 {
   background: ${High};
}
.item-2hkk8m {
   background: ${High};
}
.wrapper-2a6GCs {
   color: White;
}
.icon-22AiRD {
   color: White;
}
.edited-3sfAzf {
   color: ${Med};
}
`);
欢迎访问Greasy Fork镜像
