Makes AVTT a little easier on the eyes.
// ==UserScript==
// @name Above VTT Dark Mode
// @version 0.1.4
// @description Makes AVTT a little easier on the eyes.
// @author Cyelis1224
// @match https://www.dndbeyond.com/campaigns/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// @license MIT
// @namespace http://tampermonkey.net/
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
addGlobalStyle('\
.GameLogEntry_Message__1GoY3 button {\
align-items:center;\
background-image: -webkit-linear-gradient(top, #3d3d3d, #000);\
color: #fff;\
height: 32px;\
}\
.GameLog_GameLogContainer__2YlSC{\
background: #00000000;\
}\
.GameLogEntry_Message__1J8lC.GameLogEntry_Other__1rv5g {\
color: #999;\
background: #333;\
}\
.dice-rolling-panel .dice-toolbar{\
bottom: 28px;\
}\
.GameLog_GameLog__2z_HZ{\
overflow: hidden !important;\
}\
.ddb-campaigns-character-card-footer-links{\
height: 80px;\
flex-wrap: wrap;\
}\
.GameLogEntry_Message__1GoY3 button:hover {\
color: #000;\
background-image: none;\
background: #000;\
}\
.material-icons.md-16 {\
font-size: 16px;\
color: black !important;\
}\
.material-icons.md-dark {\
color: white;\
}\
.material-icons.button-icon {\
color: none;\
font-size: 22px;\
margin: 2px -5px;\
}\
.top_menu {\
background: #00000000;\
top: 40px !important;\
}\
button#scene_selector_toggle {\
background:black;\
color: white !important;\
}\
button#scene_selector_toggle:hover {\
background:black;\
color: white !important;\
}\
button#select-button {\
background:black;\
color: white !important;\
}\
button#combat_button {\
filter: invert(1);\
font-weight: bold;\
}\
button#measure-button {\
background:black;\
color: white !important;\
}\
button#fog_button {\
background:black;\
color: white !important;\
}\
button#draw_button {\
background:black;\
color: white !important;\
}\
button#aoe_button {\
background:black;\
color: white !important;\
}\
button#help_button {\
background:black;\
color: white !important;\
}\
button#stream_button {\
background: white;\
filter: invert(1);\
}\
button#hide_rightpanel {\
filter: invert(1);\
color: white !important;\
}\
button#zoom_fit {\
color: white !important;\
filter: invert(1);\
}\
button#zoom_minus {\
filter: invert(1);\
color: white !important;\
}\
button#zoom_plus {\
filter: invert(1);\
color: white !important;\
}\
button#jitsi_switch {\
filter: invert(1);\
}\
button#switch_gamelog {\
filter: invert(1);\
}\
button#switch_characters {\
filter: invert(1);\
}\
button#switch_panel {\
filter: invert(1);\
}\
button#switch_tokens {\
filter: invert(1);\
}\
button#switch_journal {\
filter: invert(1);\
}\
.top_menu button{\
filter: invert(1);\
color: white;\
}\
#scene_selector_toggle > span {\
filter: invert(1);\
}\
.scene {\
height: 60px;\
}\
#combat_tracker_inside .tracker-list {\
height: calc(100% - 30px);\
}\
.GameLog_GameLogEntries__3oNPD {\
background: #00000000 !important;\
}\
.sidebar__pane-content {\
background: #00000080 !important;\
height: 100% !important;\
color: white !important;\
}\
#combat_tracker_inside .tracker-list {\
background: #000000;\
color: white;\
}\
div#scene_selector, #combat_tracker_inside, #edit_dialog, #mega_importer, #prewiz, #wizard_popup, .top_menu {\
background: #00000080 !important;\
background-image: none !important;\
}\
.dice-roller {\
filter: invert(1);\
}\
#round_number_label {\
background: #333;\
color: white;\
}\
.aoeshape:focus,.drawbutton.button-enabled { \
background-image: none !important;\
background: black !important;\
color: white !important;\
}\
.soundpad-section-title {\
background: #333 !important;\
font-size: 22px !important;\
}\
.journal-chapter-title {\
font-size: 22px !important;\
background: #333 !important;\
}\
.btn-del-chapter {\
font-size: 14px !important;\
}\
.player-card {\
color: black;\
background: linear-gradient(#333, #000) !important;\
}\
.player-info {\
filter: brightness(0) invert(1);\
}\
.player-name {\
color: white !important;\
}\
.player-no-attributes {\
color: white !important;\
}\
');