☰

Another One Universal Dark Theme

changes all web-site theme to dark

// ==UserScript==
// @name Another One Universal Dark Theme
// @namespace -
// @version 0.2
// @description changes all web-site theme to dark
// @author NotYou
// @include *
// @run-at document-body
// @license GPLv3
// @license-link https://www.gnu.org/licenses/gpl-3.0.txt
// @grant none
// ==/UserScript==

/*

﹀ Change Log ﹀

0.2 Verison:
- Greasy Fork Styles
- Added Selection Style
- Better *CONTENT* CSS

*/

(function() {
let css = `

/* GREASY FORK */

.text-content ,#main-header, #user-script-list, #user-deleted-script-list, .list-option-group ul, .list-option-group a:focus, .list-option-group a:hover {
box-shadow: rgb(15, 15, 15) 0px 0px 5px !important;
border: 1px solid rgb(19, 19, 19) !important;
background: rgb(22, 22, 22) !important;
}

.list-option {
background: rgb(22, 22, 22) !important;
}

.script-list li:not(.ad-entry) {
border-bottom: 1px solid rgb(36, 36, 36);
}

.badge-css {
background-color: rgb(37, 75, 221);
color: rgb(255, 255, 255) !important;
}

.badge-js {
background-color: rgb(239, 216, 29);
color: rgb(0, 0, 0) !important;
}

/* MAIN */
html, body {
background: rgb(19, 19, 19) !important;
}

::selection {
background: rgba(0, 0, 0, 0.6) !important;
color: rgb(191, 191, 191) !important;
}

/* HEADING */
header, #header, .header, nav, .nav, .navbar, .navigation {
background: rgb(22, 22, 22) !important;
}

/* CONTENT */
input, output, label, button, form, textarea, fieldset, select, option {
box-shadow: rgb(15, 15, 15) 0px 0px 5px !important;
border: 1px solid rgb(24, 24, 24 ) !important;
background-color: rgb(20, 20, 20) !important;
color: rgb(181, 181, 181) !important;
border-radius: 2px;
}

code {
background-color: rgb(19, 19, 19) !important;
}

#content, .content, h1, h2, h3, h4, h5, h6, span, sub, sup, i, b, u, s, q, dl, dd, dt, em, ol, li, ul, table, tbody, thead, tr, th, pre, div, detials, summary, main, small, big, strong, time {
color: rgb(164, 139, 139) !important;
}

div, li, ul, ol {
background-color: rgb(22, 22, 22) !important;
}

p {
color: rgb(181, 181, 181) !important;
}

a {
color: rgb(52, 116, 172) !important;
}

a:visited {
color: rgb(58, 136, 204) !important;
}

svg {
fill: rgb(191, 191, 191) !important;
}

img {
border-radius: 2px;
}

tr, td {
background-color: rgb(40, 40, 40)!important;
}

/* FOOTER */
footer, #footer, .footer {
background-color: rgb(22, 22, 22) !important;
}

`;
if (typeof GM_addStyle !== "undefined") {
  GM_addStyle(css);
} else {
  let styleNode = document.createElement("style");
  styleNode.appendChild(document.createTextNode(css));
  (document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();