Dark Stylus by sportswook

/* ==UserStyle==
@name           Dark Stylus
@namespace      USO Archive
@author         CodyMKW
@description    `Dark version of manage pages in the Stylus <a href="https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne">Chrome extension</a>,<a href="https://addons.opera.com/en/extensions/details/stylus/">Opera extension</a>, and <a href="https://addons.mozilla.org/en-US/firefox/addon/styl-us/">Firefox extension</a>!<p></p>This style is the same as style 127038 I just wanted it to be on its own without custom settings to choose :)`
@version        20190709.8.22
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document regexp("chrome-extension://.*"), regexp("moz-extension://.*") {
#header, #backup-buttons .dropdown-content a:hover {
    color: #e1e1e1 !important;
    background: #262626 !important;
    border-style: none !important;
}

input, #backup-buttons .dropdown-content {
    background-color: #161616 !important;
    color: #CCCCCC !important;
    border: 1px solid #000000 !important;
}

select {
    background-color: #161616 !important;
    color: #CCCCCC !important;
    border: 1px solid #000000 !important;
}

#installed::after {
  background-color: #1c1c1c !important;
}

button {
    background: #202020 !important;
    border: 4px solid #202020 !important;
    margin: 2px !important;
    color: #fff !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.82) !important;
}
button:hover {
    background: #161616 !important;
    border: 4px solid #161616 !important;
    color: #fff !important;
    border-radius: 5px !important;
}
body {
    color: #e1e1e1 !important;
    background: #1c1c1c !important;
}

a, a:visited {
    color: #e1e1e1 !important;
}

select {
    width: 100px !important;
}
#save-button:after {
content:'d' !important;
}

body.dirty #save-button:after {
content:'?' !important;
}
#message-box > div, #message-box-buttons, #message-box-title {
    background-color: #1d1d1d !important;
}
.newUI .entry:nth-child(2n) {
    background-color: rgb(31, 31, 31) !important;
}
.svg-icon:hover, .newUI .entry:hover .svg-icon:hover, input[type="checkbox"]:not(.slider):checked + .svg-icon.checked, .svg-icon.select-arrow {
    fill: #fff !important;
}
#message-box.danger #message-box-title {
    background-color: firebrick !important;
}
.newUI .no-update:not(.update-problem):not(.update-done) .up-to-date, .newUI .can-update .update {
    color: black;
}
#help-popup {
    background-color: #1c1c1c !important;
}
.CodeMirror {
    -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.35) !important;
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.35) !important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.35) !important;
    background: #272727 !important;
    color: #8F938F !important;
    line-height: 1.4em !important;
    font-size: 13px !important;
    height: 70%;
    outline: transparent !important;
    border: 1px solid #505050 !important;
}
#hotkey-info div:first-child, #hotkey-info div, #hotkey-info[data-active] {
    background-color: #202020;
    border: solid 2px #202020;
}
#confirm>div, .menu-items-wrapper {
    background-color: #202020;
    border: solid 2px rgba(0, 0, 0, 0.52);
}
}