☰

Dreamhost Admin Panel Dark Night Mode Theme

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);