mirror of
https://github.com/Phantop/dotfiles
synced 2024-11-17 20:32:47 +00:00
108 lines
2.7 KiB
JavaScript
108 lines
2.7 KiB
JavaScript
// ==UserScript==
|
|
// @name Discord Simple Clear
|
|
// @namespace https://github.com/birb-naise
|
|
// @description Simple CSS for customizable background and bg opacity. Popular discord styles usually don't work/get abandoned for some reason ??? so I made this one which should be easy to update.
|
|
// @author birb-naise
|
|
// @homepage https://github.com/birb-naise/discord-simple-clear
|
|
// @include http://discord.com/*
|
|
// @include https://discord.com/*
|
|
// @include http://*.discord.com/*
|
|
// @include https://*.discord.com/*
|
|
// @run-at document-start
|
|
// @version 8148fe3
|
|
// ==/UserScript==
|
|
|
|
(function IIFE() {
|
|
'use strict';
|
|
|
|
document.addEventListener('readystatechange', function onReadyStateChange() {
|
|
if (document.readyState == 'interactive') {
|
|
const style = document.createElement('style');
|
|
document.head.appendChild(style);
|
|
style.innerHTML = `
|
|
|
|
body {
|
|
background: url("https://cdn.discordapp.com/attachments/610991459323084801/625107142092783616/moon3.png");
|
|
background-size: cover;
|
|
}
|
|
|
|
.header-2o-2hj, /*remove borders*/
|
|
.searchBar-6Kv8R2,
|
|
.content-yTz4x3::before {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.container-1D34oG, /*friends list*/
|
|
.scrollbar-2rkZSL, /*scrollbar*/
|
|
.pad-29zQak,
|
|
.track-1JN30G {
|
|
background: transparent !important;
|
|
}
|
|
|
|
/* ------SCROLLBAR------ */
|
|
.scrollbar-2rkZSL {
|
|
width: 8px;
|
|
}
|
|
.thumb-2JwNFC {
|
|
background: rgba(0, 0, 0, .5) !important;
|
|
}
|
|
.track-1JN30G,
|
|
.thumb-2JwNFC {
|
|
border: none !important;
|
|
}
|
|
|
|
/* ------EMBEDDED TEXT------ */
|
|
.embedProvider-3k5pfl,
|
|
.embedDescription-1Cuq9a,
|
|
.embedFields-2IPs5Z,
|
|
.embedAuthorName-3mnTWj,
|
|
.embedFooterText-28V_Wb {
|
|
color: #f2f2f2 !important;
|
|
}
|
|
|
|
.appMount-3lHmkl {
|
|
background: rgba(0, 0, 0, .6);
|
|
}
|
|
|
|
/* ------REMOVE GREY/WHITE BG COLORS------ */
|
|
.theme-dark,
|
|
.theme-light {
|
|
--header-primary: #fff;
|
|
--header-secondary: #b9bbbe;
|
|
--text-normal: #dcddde;
|
|
--text-muted: #9d9d9d;
|
|
--channels-default: #8e9297;
|
|
--interactive-normal: #b9bbbe;
|
|
--interactive-hover: #dcddde;
|
|
--interactive-active: #fff;
|
|
--interactive-muted: #4f545c;
|
|
--background-primary: transparent;
|
|
--background-secondary: transparent;
|
|
--background-secondary-alt: transparent;
|
|
--background-tertiary: transparent;
|
|
--background-floating: rgba(0, 0, 0, .8);
|
|
--channeltextarea-background: transparent;
|
|
--deprecated-panel-background: transparent;
|
|
--background-modifier-hover: rgba(0, 0, 0, .42);
|
|
--background-modifier-selected: rgba(0, 0, 0, .45);
|
|
}
|
|
|
|
/* ------POP-UP------ */
|
|
.modal-yWgWj-,
|
|
.footer-3rDWdC {
|
|
background: rgba(0, 0, 0, .5) !important;
|
|
}
|
|
|
|
/* -----UNREAD BADGE DARKMODE FIX----- */
|
|
.item-2hkk8m {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.unread-2lAfLh {
|
|
background-color: #ccc;
|
|
}
|
|
`;
|
|
}
|
|
});
|
|
})();
|