iPad Dark Theme for WebHub Userscript

darktheme.js

// ==UserScript==
// @name         iPad Dark Theme
// @namespace    Darkenvy
// @version      0.1
// @description  Makes the web dark
// @author       Darkenvy
// @match        http://*/*
// @match        https://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var theme = document.createElement('style');
	theme.innerHTML = 'html,#newtab-window{background:#222!important}*{background-color:transparent!important;border-color:#444!important;color:#999!important}body{background:transparent!important}:before,:after{background-color:transparent!important;border-color:#444!important}a,a *{color:#409B9B!important;text-decoration:none!important}a:hover,a:hover *,a:visited:hover,a:visited:hover *,span[onclick]:hover,div[onclick]:hover,[role="link"]:hover,[role="link"]:hover *,[role="button"]:hover *,[role="menuitem"]:hover,[role="menuitem"]:hover *,.link:hover,.link:hover *{color:#F0F0F0!important}a:visited,a:visited *{color:#607069!important}a.highlight,a.highlight *,a.active,a.active *,.selected,.selected *,[href="#"]{color:#DDD!important;font-weight:700!important}h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,strong,[id*="headline"],[class*="headline"],[id*="header"],[class*="header"],[class*="header"] td{color:#DDD!important}a h1,a h2,a h3,a h4,a h5,a h6,h1 a,h2 a,h3 a,a strong,a[id*="headline"],a[class*="headline"],a[id*="header"],a[class*="header"]{text-decoration:underline!important}[class*="error"],[class*="alert"],code,span[onclick],div[onclick]{color:#900!important}::-moz-selection{background:#377!important;color:#000!important}::selection{background:#377!important;color:#000!important}:focus{outline:none!important}div[style="display: block;"],div[role="navigation"]{background:rgba(0,0,0,.5)!important}table{background:rgba(40,30,30,.6)!important}table > tbody > tr:nth-child(even),table > tbody > tr > td:nth-child(even){background-color:rgba(0,0,0,.2)!important}iframe,embed,header,nav,footer,label [onclick],nav ul,div[style*="position:"][style*="left:"][style*="visible"],div[style*="z-index:"][style*="left:"][style*="visible"],div[style*="-moz-user-select"],div[role="menu"],div[role="dialog"],span[class*="script"] div,[id*="menu"],[class*="dropdown"],[class*="popup"],[class="title"],ul[style*="display:"],ul[style*="visibility:"] ul,[id*="nav"] ul,[class*="nav"] ul,ul[class*="menu"],a[onclick][style*="display"],a[id*="ghosteryfirefox"],#ghostery-purple-bubble,#translator-popup,.menu,.tooltip,.hovercard,.vbmenu_popup{background:rgba(5,5,5,.9)!important}[id*="overlay"],[id*="lightbox"],blockquote{background-color:rgba(35,35,35,.9)!important}pre,dl,.message code{background-color:rgba(5,5,5,.5)!important}input,select,button,[role="button"],a.button,a.submit,a.bigbutton,a.tablink,.install[onclick]{background:#060606!important;border:2px solid #333!important;color:#BBB!important}a[href="javascript:;"],a[class*="button"]:not(:empty),a[id*="button"]:not(:empty),a[id*="button"]:not(:empty),div[class*="button"][onclick]{background:#060606!important;border-color:#333!important;color:#BBB!important}a[href="javascript:;"]:hover,a[class*="button"]:not(:empty):hover,a[id*="button"]:hover,a[id*="button"]:not(:empty):hover,div[class*="button"][onclick]:hover{background:#151515!important;color:#FFF!important}input *,select *,button *,a.button *,a.submit *{color:#BBB!important}input:hover,input[type="button"]:hover,input[type="checkbox"]:hover,input[type="radio"]:hover,select:hover,button:hover,[role="button"]:hover,a.button:hover,a.submit:hover,a.bigbutton:hover,a.tablink:hover{border:2px solid #555!important;border-color:#555!important}input :hover *{color:#F0F0F0!important}input[type="checkbox"],input[type="checkbox"]:focus{background-color:#111!important;border:2px solid #333!important;color:#DDD!important}input[type="radio"],input[type="radio"]:focus{background-color:#111!important;border:2px solid #333!important;color:#DDD!important}input[type="checkbox"],input[type="radio"]{min-height:10px;min-width:10px}select input[type="button"],select button{border:none!important}select button{min-height:8px!important}button:active,input[type="submit"]:active,input[type="button"]:active,a.button:active,a[class*="button"]:not(:empty):active,a.submit:active,a.bigbutton:active,a.tablink:active,.active .tablink{background:#292929!important;color:#FFF!important}textarea{background:rgba(0,0,0,.3)!important;border:1px solid #000!important}textarea,textarea *{color:#C8C8C8!important}textarea:hover,textarea:focus:hover{border-color:#333!important}textarea:focus{background:rgba(0,0,0,.5)!important;border-color:#222!important}option{background:none!important;color:#666!important}option:not([disabled]):hover,option:focus,option:checked{background:linear-gradient(#333,#292929)!important;color:#DDD!important}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="checkbox"]:checked,input[type="radio"]:checked{border-color:#DDD!important}select{background:#000 no-repeat!important;background-position:right center!important;padding-right:12px!important}}scrollbarbutton{background-color:transparent;border:none!important}thumb{background:#999!important;border:2px solid transparent!important}scrollbar{background:transparent!important}scrollbar[orient="vertical"] thumb{max-width:12px!important;min-height:14px!important;min-width:12px!important}scrollbar[orient="horizontal"] thumb{max-height:12px!important;min-height:12px!important;min-width:14px!important}scrollbar[orient="vertical"]{max-width:12px!important;min-width:12px!important}scrollbar[orient="horizontal"]{max-height:12px!important;min-height:12px!important}body,:not(:empty):not(html):not(span):not(a):not(b):not(option):not(img):not([style="display: block;"]):not([onclick*="open"]):not([onclick*="s_objectid"]):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="sprite"]):not([id*="sprite"]):not([class*="item"]):not([id*="item"]):not([class*="thumb"]):not([class*="icon"]):not(.text):not([id*="lbimage"]):not([class*="cc-in"]):not([class*="gr-body"]):not([id*="watch"]):not(#globalsearch):not(.sp),.r3_hm,.gmbutton2 b,.gtab-i,.ph,.bstab-ilft,.csb,#pagination div,[style*="sprite2.png"],#mw-head-base,#mw-page-base{background-image:none!important}#newtab-window,#addons-page{background:#151515!important}*{background-color:transparent}body > *{background-color:rgba(0,0,0,.5)!important}#list-view{background:#111!important}#detail-view{background:#222!important}#addons-page > * > *,#addons-page > * > * > *{border-color:#333!important}li[total-install-count]:after{content:" (Installs: " attr(total-install-count) ", " attr(weekly-install-count) " wk)";font-size:.7em!important}#contentareacontextmenu menuitem[disabled="true"],#contentareacontextmenu menuitem[disabled="true"] menuseparator{display:none!important}menupopup,popup,popup > menu > menupopup,menupopup > menu > menupopup{background:rgba(15,15,15,.9)!important;border:1px solid #000!important;padding:2px 0!important}menupopup *{color:#777!important}menupopup menuitem:hover *{color:#F0F0F0!important}menupopup menuseparator{background:transparent!important;border-color:transparent!important;border-top:none!important;margin:2px 0 2px -3px !important;padding:0!important}menupopup menuitem{background:transparent!important}menupopup menuitem:hover,menuitem[_moz-menuactive="true"]{background:#333!important}tooltip{background:rgba(0,0,0,.8)!important;border:1px solid #555!important;color:#CCC!important}browser[type="content-primary"]{background:#151515!important}';
    document.head.append(theme);
})();