Dreamhost Admin Panel Dark Night Mode Theme - currently undergoing build
// ==UserScript==
// @name Dreamhost Admin Panel Dark Night Mode Theme
// @namespace english
// @description Dreamhost Admin Panel Dark Night Mode Theme - currently undergoing build
// @include http*://*panel.dreamhost.com*
// @version 1.21
// @run-at document-end
// @grant GM_addStyle
// ==/UserScript==
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = ' body, html, html body {/*\n*/ background: #363636 !important ;/*\n*/ background-color: #363636 aliceblue !important ;/*\n*/ /*\n*/}.global-alerts {/*\n*/ border-bottom: 1px solid #606060 !important ;/*\n*/ }.panel-nav {/*\n*/ /*\n*/ border-right: 1px solid #606060 !important ;/*\n*/ color: #D8D8D8 !important ;/*\n*/ /*\n*/}.no-touch .panel-main-navigation-toggle:hover {/*\n*/ color: #B3D0F0 !important ;/*\n*/}.panel-main-navigation-toggle {/*\n*/ /*\n*/ color: #cfcfcf !important ;/*\n*/ /*\n*/}.panel-main-navigation-group.is-open {/*\n*/ background: #262626 !important ;/*\n*/ box-shadow: 0 1px 0 #fff, 0 -1px 0 #dedede !important ;/*\n*/}.panel-main-navigation-group:first-child.is-open {/*\n*/ border-top-color: transparent !important ;/*\n*/ box-shadow: 0 1px 0 #606060 !important ;/*\n*/}.panel-main-navigation-button {/*\n*/ /*\n*/ /*\n*/ color: #eaeaea !important ;/*\n*/ /*\n*/} .panel-main-navigation-group.is-open {/*\n*/ background: #262626 !important ;/*\n*/ box-shadow: 0 1px 0 #606060, 0 -1px 0 #606060 !important ;/*\n*/} /*111111111111*/ .panel-page-header {/*\n*/ background: #262626 !important ;/*\n*/ border-bottom: 1px solid #606060 !important ;/*\n*/ box-shadow: 0 1px 0 #606060 !important ;/*\n*/ /*\n*/}h1, h2, h3, h4 {/*\n*/ color: #F6F6F6 !important ;/*\n*/ /*\n*/}.Button--subcompact:not(.Button--primary), .Button--compact:not(.Button--primary), .Button--secondary, .Button--tertiary {/*\n*/ background: #171717 !important ;/*\n*/}.Button {/*\n*/ color: #9BCCFF !important ;/*\n*/ border: solid 1px #11679a !important ;/*\n*/ /*\n*/}.Button--danger {/*\n*/ border-color: #7d1d1d !important ;/*\n*/ color: #FFAE9C !important ;/*\n*/}.t-black, #tab-navigation h2 a:not(.is-active):hover, #tab-navigation h2 a.is-active, .c-lightest-blue, .c-lighter-blue, .c-light-blue, .c-blue, .c-teal, .c-yellow, .c-dark-yellow, .c-orange, .c-dark-orange, .c-lighter-red, .c-light-red, .c-salmon, .c-white, .c-lighter-grey, .c-light-grey, .c-grey {/*\n*/ color: #d4d4d4 !important ;/*\n*/}.Table th, .Table__m th {/*\n*/ /*\n*/ /*\n*/ color: #eaeaea !important ;/*\n*/ /*\n*/}body {/*\n*/ color: #D8D8D8 !important ;/*\n*/ /*\n*/}.Table--panel.Table__m tbody tr td a:not(.Button):hover {/*\n*/ color: #1a84f3 !important ;/*\n*/}a {/*\n*/ color: #99CBFF !important ;/*\n*/ /*\n*/}.Alert { color: #e8e8e8; } .u-text-color-success {/*\n*/ color: #98C3A1 !important ;/*\n*/}.u-text-color-error {/*\n*/ color: #D56F4D !important ;/*\n*/} /*22222222222222*/ .Alert:not(.Alert--success):not(.Alert--error) {/*\n*/ background: #7E7020 !important ;/*\n*/ /*\n*/}.fancyform {/*\n*/ /*\n*/ color: #e4e4e4 !important ;/*\n*/}.Table__m .Table__row {/*\n*/ border-bottom: 1px solid #606060 !important ;/*\n*/ border-top: 1px solid #606060 !important ;/*\n*/}.activecontentbox_body {/*\n*/ background: #a1a1a1 !important ;/*\n*/ /*\n*/}code {/*\n*/ /*\n*/ background: #bdbdbd !important ;/*\n*/ /*\n*/}code {/*\n*/ /*\n*/ border: 1px solid #E4E4E4 !important ;/*\n*/ /*\n*/}.contentbox_body, .activecontentbox_body {/*\n*/ /*\n*/ background: #2b2b2b!important ;/*\n*/ /*\n*/}.activecontentbox_head .active {/*\n*/ color: #41D15E !important ;/*\n*/} .contentbox_body, .activecontentbox_body {/*\n*/ border: 1px solid #596a75; /*\n*/}.contentbox_body, .activecontentbox_body {/*\n*/ background: #2b2b2b!important;/*\n*/} .bg-white, #disk-form a, .c-white {/*\n*/ background: #585858 !important;/*\n*/}.db-table-row--sale:nth-child(even) { background-color: #313131;} .Alert--success { background: #075a3f; }body #panel-navigation-app .master .sidebar.scroll-top { /*\n*/ filter: invert(1)hue-rotate(180deg)contrast(0.88)saturate(2.8)brightness(1.8) ; /*\n*/}body #panel-navigation-app .master .sidebar { /*\n*/ filter: invert(1)hue-rotate(180deg)contrast(0.88)saturate(2.8)brightness(1.8) ; /*\n*/} body #panel-navigation-app .master .user-bar .support, body #panel-navigation-app .master .user-bar .user .user-menu-icon-container{ /*\n*/ filter: invert(1)hue-rotate(180deg)contrast(0.88)saturate(1.8)brightness(1.5);/*\n*/}/*\n*/body #panel-navigation-app .master .search-panel .search-input.opened { /*\n*/ filter: invert(1)hue-rotate(180deg)contrast(0.88);/*\n*/}body #panel-navigation-app .master .search-panel .search-results.opened { /*\n*/ filter: invert(1)hue-rotate(180deg)contrast(0.88)saturate(2);/*\n*/} body #panel-navigation-app .master .user-bar .flyout-menu.opening-animation {/*\n*/ transform: scale(1);/*\n*/ filter: invert(1)hue-rotate(180deg)contrast(0.88)saturate(1.8)brightness(1.5);/*\n*/}body #panel-navigation-app .master .header .logo { /*\n*/ filter: invert(1)hue-rotate(180deg);/*\n*/}body #panel-navigation-app .master .search-panel .search-input { /*\n*/ filter: invert(1);/*\n*/}body #panel-navigation-app .master .search-panel .search-icon { /*\n*/ filter: invert(1)hue-rotate(180deg); /*\n*/ z-index: 999;/*\n*/}.bg-c-g100 {/*\n*/ background: #484848 !important;/*\n*/}body .bg-white, #disk-form a, .c-white {/*\n*/ background: #252525 !important;/*\n*/}html body,html, body {/*\n*/ background: #363636; /*\n*/}body .page-wrapper { /*\n*/ background-color: #252525;/*\n*/}body .global-alerts {/*\n*/ border-bottom: 1px solid #272727 !important;/*\n*/} body select{ filter: invert(1) hue-rotate(180deg);} body .Cart__wrapper {/*\n*/ background-color: #424242;/*\n*/ border: 1px solid #1d1d1d;/*\n*/}body .Cart__header { /*\n*/ background: #3e3e3e; /*\n*/}body .Cart__step { /*\n*/ background-color: #2f2f2f; /*\n*/}body .Tabs__nav-item.is-active {/*\n*/ font-weight: 600;/*\n*/ color: #f7f7f7;/*\n*/}body .Tabs__nav-item:hover,body .Tabs__nav-item:active,body .Tabs__nav-item.is-active a {/*\n*/ /*\n*/ color: #adadad;/*\n*/}body .Tab { /*\n*/ background: #252525; /*\n*/} ';
document.getElementsByTagName('head')[0].appendChild(style);