whm.topshelf.tech by drpine

/* ==UserStyle==
@name         whm.topshelf.tech
@version      20220328.00.24
@namespace    userstyles.world/user/drpine
@description  Dark Mode for whm.topshelf.tech

Reskinning of WHM to switch the logo and change colors to dark so I can have a better experience when managing web hosting.
@author       drpine
@license      No License
==/UserStyle== */

@-moz-document domain("whm.topshelf.tech") {
html,
body,
li,
ul,
th,
.informationWrapper,
.searchContainer,
.callout,
#accountLimits,
#mobileMenuCollapseLink,
input,
input#password {
    background: black;
    color: white;
}
span {
    color: white;
}
.tdshadeyellow,
.tdshade1 {
    color: #000;
}
td,
.alert,
.alert-info,
.alert-message,
.emptyMessage,
.input-group-addon,
.dropdown-toggle,
.btn-default,
#paginateItems_first,
#paginateItems_previous,
#paginateItems_next,
#paginateItems_last,
#pageSize_select {
    background: black !important;
    color: white;
}
.stats span {
    background: #5d0000 !important;
}
ul.nav-tabs {
    border: 0;
}
nav-tabs > li {
    border: 0;
    border-color: #0f0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.nav-tabs > li > a:link {
    border: solid;
    background-color: green !important;
}
.nav-tabs > li > a:visited {
    border: solid;
    background-color: green !important;
}
.nav-tabs > li > a:active {
    background-color: green !important;
}
.nav-tabs > li > a:hover {
    background-color: green !important;
}
img.logo,
img.main-logo {
    content: url(https://topshelf.tech/wp-content/uploads/2022/03/logo_topshelftech4_100x40.webp);
}
input#quickJump,
#account_functions_limit_bandwidth_usage,
#account_information_view_bandwidth_usage,
.propertyValue select {
    background: #000 !important;
}
.quickJumpIcon {
    background: url(https://topshelf.tech/wp-content/uploads/template-assets/filter-search-green.webp) no-repeat scroll 0 0 !important;
}
a:link.collapseExpandButton {
    background-color: black;
}
.itemTextWrapper,
.wraptext,
.growl-message {
    color: white;
}
a:link {
    color: #fff !important;
}
a:visited {
    color: #0f0 !important;
}
a:hover {
    color: hotpink !important;
}
a:active {
    color: blue !important;
}

div,
#top-use-default-view-button,
#top-use-classic-view-button,
#mainCommand ul a {
    background-color: black;
}

#server_configuration,
#security_center,
#account_information,
#account_functions,
#multi_account_functions,
#themes,
#packages,
#dns_functions,
#email,
#cpanel,
#ssltls,
#development,
#plugins,
#jumpUpLink {
    background-color: green;
}
.categoryHeader {
    background-color: black !important;
}
.legal,
.copyright,
.locale-container,
#supportIcon {
    display: none;
}
.tdshade1,
.tdshadeyellow {
    color: white;
}
label,
.searchBox,
#reseller_NS_nameServerActions,
form.form-horizontal,
.top-group.group div,
table#listaccts th,
.pgsel-disabled.pgaction,
.pgsel.pgaction,
#search-bottom {
    background: #000 !important;
}
.input-field-login,
input#user.std_textbox,
input#pass.std_textbox,
input#user.std_textbox::placeholder,
input#pass.std_textbox::placeholder {
    background: #2B2D2D !important;
}
table th {
    background: #2B2D2D !important;
}
}