Speedy | Discord theme - 原始程式碼

Speedy | Discord theme

Discord cool theme!
目前為 2020-07-07 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name         Speedy | Discord theme
// @namespace    http://tampermonkey.net/
// @version      3
// @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);

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};
}
.zalgo-jN1Ica.cozy-3raOZG .header-23xsNx {
   color: White;
}
.icon-22AiRD {
   color: White;
}
.edited-3sfAzf {
   color: ${Med};
}
.theme-dark .uploadModal-2ifh8j {
   background-color: ${High};
}
.uploadModal-2ifh8j .footer-3mqk7D.hasSpoilers-1IRtQC{
   background: ${Med};
}
.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
   border: 2px solid ${Med};
}
.theme-dark .scroller-1-nKid {
   background: ${Med};
}
.theme-dark .discriminator-byOsvi {
   color: White;
}
.checkbox-2tyjJg {
   background: ${Med};
   color: ${Med};
}
.unreadTop-73gZ2_ .unreadBar-3YD_k9:before {
   background: ${High};
   z-index: -1;
   color: White;
   border-radius: 20px;
}
.unreadBar-3YD_k9:before {
   content: '';
   top: -8px;
   position: absolute;
   left: -8px;
   right: -8px;
   bottom: 0;
}
.perksModalContentWrapper-2HU6uL {
   background: ${High};
}
`);
欢迎访问Greasy Fork镜像
