Created new repo for browser overides

5 years ago · 385dad7a00
commit 385dad7a00
23 changed files with 10726 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+web-ext-artifacts
+css
+node_modules
--- a/js/codemirror.js
+++ b/js/codemirror.js
@ -0,0 +1,27 @@
+//This script will ensure that code mirror code is always gruvbox dark
+
+class CodemirrorStyle{
+	constructor(){
+		this.domLoaded = this.domLoaded.bind(this);
+		if (document.readyState === 'loading') {
+			//Listend for change
+			document.addEventListener('readystatechange', this.domLoaded )
+		} else {
+			this.domLoaded()
+		}
+	}
+
+	domLoaded(){
+		console.log("dom before remove");
+		document.removeEventListener('readystatechange',this.domLoaded);
+		console.log("dom after remove");
+		document.querySelectorAll('.CodeMirror').forEach(this.changeClass).forEach(this.changeStyles);
+	}
+
+	changeClass(el){
+		console.log("changeClass");
+		el.className = el.className.replace(/cm-s-\S*/,'cm-s-gruvbox-dark');
+	}
+}
+
+new CodemirrorStyle();
--- a/less/amazon.less
+++ b/less/amazon.less
@ -0,0 +1,183 @@
+@import "gruvbox-colours.less";
+
+body{
+	font-family: opendyslexic;
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+}
+
+#pageContent{
+	background-color: @gb-dm-bg0;
+}
+
+#hmenu-container #hmenu-canvas{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+	#hmenu-content ul.hmenu li{
+		.hmenu-item.hmenu-title{
+			color: @gb-dm-fg2;
+		}
+		a{
+			&, &:visited, &:hover, &:active{
+				color: @gb-dm-fg0;
+			}
+		}
+	}
+}
+
+html:not(.a-touch) #hmenu-container #hmenu-canvas #hmenu-content ul.hmenu li a.hmenu-item:hover{
+	background-color: @gb-dm-bg0-hard;
+	color: @gb-dm-fg0;
+}
+
+
+
+#nav-subnav{
+	background-color: @gb-dm-bg0-soft;
+	.nav-a{
+		color: @gb-dm-fg0;
+	}
+}
+
+#rhf #rhf-shoveler{
+	color: @gb-dm-fg0;
+}
+
+a, a:active, a:link, a:visited{
+	color: @gb-dm-light-aqua;
+	&:hover{
+		color: @gb-dm-dark-aqua;
+	}
+}
+
+.gw-card-layout .a-cardui{
+	background-color: @gb-dm-bg0-hard;
+}
+
+.gw-card-layout .desktop-row > div{
+	background-color: @gb-dm-bg0-hard;
+}
+
+.s-desktop-toolbar{
+	background-color: @gb-dm-bg0;
+	box-shadow: none;
+	border-color: @gb-dm-bg0-soft;
+}
+.s-desktop-content{
+	background-color: @gb-dm-bg0;
+}
+
+.a-color-base{
+	color: @gb-dm-fg0 !important;
+}
+.a-color-secondary{
+	color: @gb-dm-fg2 !important;
+}
+.a-price[data-a-color="base"]{
+	color: @gb-dm-fg0 !important;
+}
+
+.a-ordered-list .a-list-item, .a-unordered-list .a-list-item, ol .a-list-item, ul .a-list-item{
+	color: @gb-dm-fg0;
+}
+
+.a-box{
+	background-color: @gb-dm-bg0-hard;
+	border-color: @gb-dm-bg0-soft;
+}
+
+.a-button-primary .a-button-inner{
+	background: linear-gradient(to bottom,@gb-dm-light-yellow,@gb-dm-dark-yellow);
+}
+.a-button-oneclick .a-button-inner{
+	background: linear-gradient(to bottom,@gb-dm-light-orange,@gb-dm-dark-orange);
+}
+
+hr.bucketDivider {
+	&::after{
+		background: none;
+	}
+}
+
+#prodDetails #SalesRank ul li span.zg_hrsr_ladder, #prodDetails #SalesRank ul li span.zg_hrsr_rank, #prodDetails .wrapper, #prodDetails td{
+	color: @gb-dm-fg2;
+}
+
+table.a-bordered tr:nth-child(2n){
+	background-color: @gb-dm-bg3;
+}
+
+.comparison_table tr:nth-child(2n) td.comparison_baseitem_column{
+	background-color: @gb-dm-bg4;
+}
+.comparison_baseitem_column{
+	background-color: @gb-dm-bg2;
+}
+
+#prodDetails table td.label{
+	background-color: @gb-dm-bg2;
+	color: @gb-dm-fg0;
+}
+
+#prodDetails .content{
+	color: @gb-dm-fg0;
+}
+
+.aplus-v2.celwidget *{
+	background-color: @gb-dm-bg0-hard;
+	color: @gb-dm-fg0;
+}
+
+.aplus-v2 .apm-spacing ul .a-list-item, .aplus-v2 ol .a-list-item{
+	color: @gb-dm-fg0;
+}
+
+.aplus-v2 .module-12 .textright{
+	background-color: fade(@gb-dm-bg0-hard, 80);
+	color: @gb-dm-fg0;
+	*{
+		background: transparent;
+	}
+}
+
+.a-box .a-divider.a-divider-section .a-divider-inner::after, .a-color-base-background .a-divider.a-divider-section .a-divider-inner::after, .a-divider.a-divider-section .a-divider-inner::after{
+	background: transparent;
+}
+
+.fnneEu{
+	background-color: @gb-dm-bg0;
+}
+
+.hBzgZI{
+	background-color: @gb-dm-bg0;
+}
+
+.jPBsvU{
+	color: @gb-dm-fg0;
+}
+
+.jJqGOX{
+	color: @gb-dm-dark-blue;
+}
+
+.sc-cMljjf{
+	outline-color: @gb-dm-bg0-hard !important;
+	&:hover{
+		background-color: @gb-dm-bg0-hard;
+	}
+}
+
+#a-page div.left_nav.browseBox{
+	border: none !important;
+	background-color: @gb-dm-bg0-hard;
+	h3{
+		color: @gb-dm-fg2;
+	}
+	a, p a{
+		color: @gb-dm-fg0;
+	}
+}
+.s-border-right{
+	border: none;
+	background-color: @gb-dm-bg0-hard;
+}
--- a/less/archwiki.less
+++ b/less/archwiki.less
@ -0,0 +1,138 @@
+@import "gruvbox-colours.less";
+
+html, body, .pun{
+	font-family: opendyslexic !important;
+	background-color: @gb-dm-bg0 !important;
+	color: @gb-dm-fg0 !important;
+}
+
+.pun .punwrap{
+	background: @gb-dm-bg0-soft;
+	border: none;
+}
+
+#brdmenu{
+	background: transparent;
+	a{
+		&, &:visited, &:link{
+			background: @gb-dm-bg0;
+			border: none;
+		}
+	}
+}
+
+.pun .blockpost{
+	color: @gb-dm-fg0;
+	background-color: @gb-dm-bg1;
+}
+
+.pun .blockpost .postbody, .pun .blockpost .postfoot{
+	background-color: @gb-dm-bg0-soft;
+	color: @gb-dm-fg0;
+}
+
+.pun .postmsg{
+	color: @gb-dm-fg0;
+}
+
+.pun .blockpost h2{
+	background: @gb-dm-bg2;
+}
+
+.pun .blocktable th{
+	background: @gb-dm-bg2;
+	color: @gb-dm-fg0;
+}
+
+.pun .blocktable .box{
+	background-color: @gb-dm-bg0-soft;
+}
+
+div.box{
+	background: @gb-dm-bg0-hard;
+	border: none;
+}
+
+code, pre, tt, .blob-code-inner{
+	font-family: Iosevka !important;
+	color: @gb-dm-fg0 !important;
+	background-color: @gb-dm-bg0 !important;
+}
+
+h1, h2, h3, h4, h5, h6 g{
+	color: inherit !important;
+}
+
+.pun a, .pun a:link, .pun a:visited, a:link, a:visited{
+	color: @gb-dm-light-aqua;
+	&:hover{
+		color: @gb-dm-dark-aqua;
+	}
+}
+
+.pun .quotebox{
+	background-color: @gb-dm-bg4;
+	color: @gb-dm-fg0;
+	border-color: @gb-dm-bg3;
+	cite{
+		color: @gb-dm-fg0;
+	}
+}
+
+dl dt{
+	color: @gb-dm-fg2;
+}
+
+.results tr:nth-child(2n+1), #article-list tr:nth-child(2n+1){
+	background-color: @gb-dm-bg1;
+}
+
+.results tr:nth-child(2n), #article-list tr:nth-child(2n){
+	background-color: @gb-dm-bg3;
+}
+
+.results th{
+	background-color: @gb-dm-bg2;
+}
+
+select[multiple], input[type="text"], input[type="password"], textarea, select{
+	background-color: @gb-dm-bg2;
+	border-color: @gb-dm-bg1;
+	color: @gb-dm-fg0;
+}
+
+#content{
+	font-family: opendyslexic !important;
+	background-color: @gb-dm-bg0 !important;
+	color: @gb-dm-fg0 !important;
+}
+#content pre, #content code, #content tt{
+	background: @gb-dm-bg0-hard !important;
+	color: @gb-dm-fg0 !important;
+	font-family: Iosevka !important;
+}
+
+div.archwiki-template-box.archwiki-template-box-tip{
+	background-color: @gb-dm-light-green !important;
+	border-color: @gb-dm-dark-green !important;
+}
+div.archwiki-template-box.archwiki-template-box-note{
+	background-color: @gb-dm-light-blue !important;
+	border-color: @gb-dm-dark-blue !important;
+}
+div.archwiki-template-message{
+	background-color: @gb-dm-light-aqua !important;
+	border-color: @gb-dm-dark-aqua !important;
+}
+div.archwiki-template-box.archwiki-template-box-warning{
+	background-color: @gb-dm-light-red !important;
+}
+.catlinks{
+	background-color: @gb-dm-light-green !important;
+	border-color: @gb-dm-dark-green !important;
+}
+#toc, .toc, .mw-warning, .toccolours{
+    background-color: @gb-dm-fg2 !important;
+    border: 1px solid @gb-dm-fg4 !important;
+}
+
--- a/less/bbc.less
+++ b/less/bbc.less
@ -0,0 +1,116 @@
+@import "gruvbox-colours.less";
+
+body{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+}
+
+#orb-container, #page{
+	background-color: @gb-dm-bg0;
+	h1,h2,h3,h4,h5,h6,p,ul,ol,li{
+		color: @gb-dm-fg0 !important;
+	}
+	a, a:visited{
+		color: @gb-dm-dark-aqua;
+		&:hover, &:active{
+			color: @gb-dm-light-aqua;
+		}
+	}
+}
+
+.top-stories-promo{
+	background-color: @gb-dm-bg0-hard;
+}
+.top-stories-promo-story__title{
+	color: @gb-dm-fg0;
+}
+
+.features-and-analysis{
+	background-color: @gb-dm-bg0-hard;
+}
+
+.container-heron{
+	background-color: @gb-dm-bg0-hard;
+}
+
+.top-stories-container .hp-module__container, .local-news-container .hp-module__container, .uk-hero-promos-container .hp-module__container, .hero-promos-container .hp-module__container{
+	background-color: @gb-dm-bg1 !important;
+}
+
+.hp-module{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+}
+
+.hp-banner__text{
+	color: @gb-dm-fg0;
+}
+
+.top-story__wrapper{
+	background-color: @gb-dm-bg0-hard;
+}
+
+.top-story{
+	color: @gb-dm-fg0;
+}
+
+.top-stories__title{
+	color: @gb-dm-fg2;
+}
+
+.dismissible-nations-links-container{
+	display: none !important;
+}
+
+.hp-tv-radio__putty{
+	display: none !important;
+}
+
+.nw-o-link-split__text{
+	color: @gb-dm-fg0;
+}
+
+.nw-c-promo-summary, .nw-c-timestamp{
+	color: @gb-dm-fg0;
+}
+
+.nw-c-nav__secondary-menuitem-container a{
+	color: @gb-dm-fg0;
+}
+
+.share-tools--event-tag{
+	display: none !important;
+}
+
+.gs-t-news .lx-o-panel--primary{
+	background-color: @gb-dm-bg0-hard;
+}
+
+.gs-t-news .lx-o-panel, .gs-t-sport .lx-o-panel{
+	background-color: @gb-dm-bg0-hard;
+}
+
+.gs-t-news .lx-stream-post-body,
+.gs-t-news .lx-stream-post__header{
+	color: @gb-dm-fg0;
+}
+
+
+.gs-t-news .lx-stream-post__meta-time{
+	color: @gb-dm-fg4;
+}
+
+.lx-stream-post__footer-share{
+	display: none;
+}
+
+.gs-t-news .lx-stream-post--breaking{
+	background-color: @gb-dm-bg2;
+}
+
+.gs-t-news .lx-stream-post-body > a, .gs-t-news .lx-stream-post-body > ol a, .gs-t-news .lx-stream-post-body > p a, .gs-t-news .lx-stream-post-body > ul a{
+	color: @gb-dm-dark-aqua;
+	&:hover{
+		color: @gb-dm-light-aqua;
+	}
+}
--- a/less/codemirror.less
+++ b/less/codemirror.less
@ -0,0 +1,32 @@
+@import "gruvbox-colours.less";
+
+// Came from here https://github.com/codemirror/CodeMirror/blob/master/theme/gruvbox-dark.css
+.cm-s-gruvbox-dark.CodeMirror, .cm-s-gruvbox-dark .CodeMirror-gutters { background-color: @gb-dm-bg0; color: @gb-dm-fg3; }
+.cm-s-gruvbox-dark .CodeMirror-gutters {background: @gb-dm-bg0; border-right: 0px;}
+.cm-s-gruvbox-dark .CodeMirror-linenumber {color: @gb-dm-bg4;}
+.cm-s-gruvbox-dark .CodeMirror-cursor { border-left: 1px solid @gb-dm-fg1; }
+.cm-s-gruvbox-dark div.CodeMirror-selected { background: @gb-dm-dark-gray; }
+.cm-s-gruvbox-dark span.cm-meta { color: @gb-dm-light-blue; }
+
+.cm-s-gruvbox-dark span.cm-comment { color: @gb-dm-dark-gray; }
+.cm-s-gruvbox-dark span.cm-number, span.cm-atom { color: @gb-dm-light-purple; }
+.cm-s-gruvbox-dark span.cm-keyword { color: #f84934; }
+
+.cm-s-gruvbox-dark span.cm-variable { color: @gb-dm-fg1; }
+.cm-s-gruvbox-dark span.cm-variable-2 { color: @gb-dm-fg1; }
+.cm-s-gruvbox-dark span.cm-variable-3, .cm-s-gruvbox-dark span.cm-type { color: #fabd2f; }
+.cm-s-gruvbox-dark span.cm-operator { color: @gb-dm-fg1; }
+.cm-s-gruvbox-dark span.cm-callee { color: @gb-dm-fg1; }
+.cm-s-gruvbox-dark span.cm-def { color: @gb-dm-fg1; }
+.cm-s-gruvbox-dark span.cm-property { color: @gb-dm-fg1; }
+.cm-s-gruvbox-dark span.cm-string { color: @gb-dm-light-green; }
+.cm-s-gruvbox-dark span.cm-string-2 { color: @gb-dm-light-aqua; }
+.cm-s-gruvbox-dark span.cm-qualifier { color: @gb-dm-light-aqua; }
+.cm-s-gruvbox-dark span.cm-attribute { color: @gb-dm-light-aqua; }
+
+.cm-s-gruvbox-dark .CodeMirror-activeline-background { background: @gb-lm-fg1; }
+.cm-s-gruvbox-dark .CodeMirror-matchingbracket { background: @gb-dm-dark-gray; color:@gb-dm-bg0 !important; }
+
+.cm-s-gruvbox-dark span.cm-builtin { color: #fe8019; }
+.cm-s-gruvbox-dark span.cm-tag { color: #fe8019; }
+
--- a/less/default.less
+++ b/less/default.less
@ -0,0 +1,317 @@
+@import "./gruvbox-colours.less";
+html
+{
+	background: @gb-dm-bg0 !important;
+  }
+
+
+  /*----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----*/
+*
+{
+	color: @gb-dm-fg0 !important;
+	//text-shadow: 0 0 3px #000 !important;
+	box-shadow: none !important;
+	background-color: transparent !important;
+	border-color: @gb-dm-fg4 !important;
+	border-top-color: @gb-dm-fg4 !important;
+	border-bottom-color: @gb-dm-fg4 !important;
+	border-left-color: @gb-dm-fg4 !important;
+	border-right-color: @gb-dm-fg4 !important;
+	//font-family: opendyslexic !important;
+}
+
+body
+{
+	background: transparent !important;
+}
+
+*:before, *:after
+{
+	background-color: transparent !important;
+	border-color: @gb-dm-fg4 !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: @gb-dm-light-aqua !important;
+}
+
+a:visited, a:visited *
+{
+	color: @gb-dm-light-purple !important;
+}
+
+a.highlight, a.highlight *, a.active, a.active *, .selected, .selected *, [href="#"]
+{
+	color: @gb-dm-fg0 !important;
+	font-weight: bold !important;
+}
+
+h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, strong, [id*="headline"], [class*="headline"], [id*="header"], [class*="header"], [class*="header"] td
+{
+	color: @gb-dm-fg0 !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: @gb-dm-dark-red !important;
+}
+
+
+::selection
+{
+	background: @gb-lm-dark-orange !important;
+	//color: #000 !important;
+}
+
+:focus
+{
+	outline: none !important;
+}
+
+
+/*----- MENU & CO BACKGROUND-COLORS -----*/
+div[style="display: block;"], div[role="navigation"]
+{
+	background: fade(@gb-dm-bg0-hard, 50%) !important;
+}
+
+table
+{
+	background: @gb-dm-bg2 !important;
+	border-radius: 6px !important;
+}
+
+table > tbody > tr:nth-child(even), table > tbody > tr > td:nth-child(even)
+{
+	background-color: rgba(0,0,0,.2) !important;
+}
+
+iframe, embed, nav, 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[class*=navigation], [id*="menu"], [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: @gb-dm-bg0-soft !important;
+	border-radius: 5px;
+	box-shadow: 1px 1px 5px @gb-dm-bg0-hard !important;
+}
+
+header, #header, footer, #footer
+{
+	background: fade( @gb-dm-bg0-hard, 90%) !important;
+	box-shadow: 0 0 5px #000 !important;
+}
+
+body > #dialog, body > .xenOverlay
+{
+	background: rgba(19,19,19,.96) !important;
+	background-clip: padding-box !important;
+	box-shadow: 0 0 15px #000, inset 0 0 0 1px rgba(200,200,200,.5), inset 0 0 5px #111 !important;
+	border: 10px solid rgba(99,99,99,.7) !important;
+	border-radius: 0 !important;
+}
+
+[id*="overlay"], [id*="lightbox"], blockquote
+{
+	background-color: rgba(35,35,35,.9) !important;
+	border-radius: 5px;
+}
+
+pre, dl, .Message code
+{
+	background-color: rgba(5,5,5,.5) !important;
+}
+
+
+/*----- DEFAULT BUTTONS, SEARCHBOXES & CO -----*/
+input, select, button, [role="button"], a.button, a.submit, a.BigButton, a.TabLink, .install[onclick]
+{
+	-moz-appearance: none !important;
+	-webkit-appearance: none !important;
+	transition: border-color 0.3s !important;
+	background: @gb-lm-bg4 !important;
+	color: @gb-dm-fg0 !important;
+	text-shadow: 0 0px #000 !important;
+	border: 2px solid @gb-dm-fg4 !important;
+	border-radius: 4px !important;
+	box-shadow: 0 0 2px fade(@gb-dm-bg0, 90%) !important;
+}
+
+a[href="javascript:;"], a[class*="button"]:not(:empty), a[id*="button"]:not(:empty), a[id*="Button"]:not(:empty), div[class*="button"][onclick]
+{
+	transition: border-color 0.3s !important;
+	background: @gb-dm-bg4 !important;
+	color: @gb-dm-fg0 !important;
+	text-shadow: 0 1px @gb-dm-bg0 !important;
+	border-color: #333 !important;
+	box-shadow: 0 0 2px fade(@gb-dm-bg0, 90%) !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;
+	text-shadow: none !important;
+}
+
+input:hover, input[type="button"]: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-top-color: #555 !important;
+	border-bottom-color: #555 !important;
+	border-left-color: #555 !important;
+	border-right-color: #555 !important;
+}
+
+input:focus, select:focus
+{
+	box-shadow: 0 0 5px #077 !important;
+}
+
+input *:hover *
+{
+	color: #F0F0F0 !important;
+	text-shadow: 0 0 2px #FFF !important;
+}
+
+input[disabled], select[disabled], button[disabled], input[disabled]:hover, select[disabled]:hover, button[disabled]:hover, input[disabled]:focus, select[disabled]:focus, button[disabled]:focus
+{
+	opacity: 0.5 !important;
+	border-color: #333 !important;
+}
+
+/*
+input[type="checkbox"], input[type="radio"] {
+box-shadow: 0 0 0 2px #444, 0 0 2px 2px #000 !important;
+opacity: 0.7;
+transition: box-shadow 0.2s, opacity 0.2s !important}
+input[type="checkbox"]:not([disabled]):hover, input[type="radio"]:not([disabled]):hover {
+opacity: 0.9}
+input[type="checkbox"]:not([disabled]):active, input[type="radio"]:not([disabled]):active {
+box-shadow: 0 0 0 2px #999, 0 0 2px 2px #000 !important}
+input[type="checkbox"]:checked, input[type="radio"]:checked {
+box-shadow: 0 0 0 2px #077, 0 0 2px 2px #000 !important}
+input[type="checkbox"][disabled], input[type="radio"][disabled] {
+opacity: 0.35}
+*/
+input[type="checkbox"]
+{
+	border-radius: 1px !important;
+}
+
+input[type="radio"], input[type="radio"]:focus
+{
+	border-radius: 100% !important;
+}
+
+input[type="checkbox"], input[type="radio"]
+{
+	min-width: 12px;
+	min-height: 12px;
+}
+
+input[type="checkbox"]:checked, input[type="radio"]:checked
+{
+	border-color: #077 !important;
+	box-shadow: 0 0 5px #077 !important;
+}
+
+select
+{
+	padding-right: 15px !important;
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAeSURBVBhXY5g5c+Z/BiwALo6uAEMDTACXSWgSDAwA4jATh950E30AAAAASUVORK5CYII=) no-repeat right 4px center #060606 !important;
+	transition: border-color 0.3s, background-position 0.3s !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
+{
+	-moz-appearance: none !important;
+	-webkit-appearance: none !important;
+	background: rgba(0,0,0,.3) !important;
+	border-radius: 3px !important;
+	border: 1px solid #000 !important;
+	box-shadow: inset 0 0 8px #000 !important;
+	transition: border-color, background, 0.3s !important;
+}
+
+textarea, textarea *
+{
+	color: #C8C8C8 !important;
+	text-shadow: 0 0 1px gray !important;
+}
+
+textarea:hover, textarea:focus:hover
+{
+	border-color: #333 !important;
+}
+
+textarea:focus
+{
+	background: rgba(0,0,0,.5) !important;
+	border-color: #222 !important;
+}
+
+textarea:focus, textarea:focus > *
+{
+	text-shadow: none !important;
+	box-shadow: none !important;
+}
+
+option, optgroup
+{
+	-moz-appearance: none !important;
+	-webkit-appearance: none !important;
+	background: none !important;
+	color: #666 !important;
+}
+
+optgroup
+{
+	background: #222 !important;
+	color: #DDD !important;
+}
+
+option:not([disabled]):hover, option:focus, option:checked
+{
+	background: linear-gradient(#333, #292929) !important;
+	color: #DDD !important;
+}
+
+
+/*----- IMAGE CHANGES -----*/
+body, *:not(:empty):not(html):not(span):not(a):not(b):not(option):not(select):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([class*="photo"]):not(.view):not(.text):not([id*="lbImage"]):not([class*="cc-in"]):not([class*="gr-body"]):not([id*="watch"]):not(#globalsearch),
+.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;
+}
+
+img
+{
+	opacity: .7 !important;
+	transition: opacity .2s;
+}
+
+img:hover, a:hover img, #mpiv-popup
+{
+	opacity: 1 !important;
+}
--- a/less/duckduckgo.less
+++ b/less/duckduckgo.less
@ -0,0 +1,196 @@
+@import "./gruvbox-colours.less";
+
+html{
+	body, .body--home, .site-wrapper--home, .zci{
+		background-color: @gb-dm-bg0 !important;
+		color: @gb-dm-fg0 !important;
+	}
+
+	body, input, select, textarea{
+		color: @gb-dm-fg0 !important;
+	}
+
+	.btn, .button, .btn--icon, .btn--top, .header__button, .header__button--menu{
+		background-color: @gb-dm-dark-aqua !important;
+		border-color: @gb-dm-light-aqua !important;
+		color: @gb-dm-bg1 !important;
+		&:hover{
+			background-color: @gb-dm-light-aqua !important;
+			text-decoration: underline !important;
+		}
+	}
+
+	.tag-home__link, .tag-home__link:hover, .tag-home__link:visited, .tag-home__link:active, .tag-home__link:focus{
+		color: @gb-dm-dark-blue !important;
+	}
+	.tag-home__link:visited{
+		color: @gb-dm-dark-purple !important;
+	}
+
+	.tag-home__link:hover.tag-home__link:active, .tag-home__link:focus{
+		text-decoration: underline !important;
+	}
+
+	.nav-menu, .nav-menu--slideout{
+		background-color: @gb-dm-bg0-soft !important;
+		color: @gb-dm-fg0 !important;
+	}
+	.nav-menu__item, .nav-menu__item>a, .nav-menu__item>a:visited, .nav-menu__item>a:hover{
+		color: inherit !important;
+	}
+
+	.header__button, .header__button--menu, .header__button:visited, .header__button--menu:visited, .header__button:focus, .header__button--menu:focus, .header__button:hover, .header__button--menu:hover{
+		color: @gb-dm-fg0 !important;
+		background-color: transparent !important;
+	}
+
+	.header__label, .header__link{
+		color: @gb-dm-fg0 !important;
+	}
+
+	.search, .search--adv{
+		background-color: @gb-dm-bg3 !important;
+	}
+
+	.search__button:hover, .search__button:focus, .search:hover .search__button:focus, .search--header.has-text.search--hover .search__button:hover, .search--header.has-text.search--focus .search__button:hover, .search--home.has-text .search__button:focus, .search--home.has-text .search__button:hover{
+		background-color: @gb-dm-dark-aqua !important;
+		color: @gb-dm-fg0 !important;
+	}
+
+	.search__autocomplete{
+		border-color: @gb-dm-bg2 !important;
+	}
+	.acp-wrap{
+		color: @gb-dm-fg0 !important;
+		background-color: @gb-dm-bg3 !important;
+	}
+
+	.acp, .acp--bang{
+		color: inherit !important;
+	}
+
+	.acp--highlight{
+		background-color: @gb-dm-bg2 !important;
+	}
+
+	//Results Page
+
+
+
+	.header-wrap{
+		background-color: @gb-dm-dark-blue !important;
+		.search--adv{
+			background-color: @gb-lm-light-blue !important;
+		}
+	}
+
+	.zcm__link, .zcm__link:focus, .zcm__link:hover{
+		color: @gb-dm-fg0 !important;
+	}
+
+	.zcm__link.is-active{
+		text-decoration: underline !important;
+	}
+
+	.result__snippet{
+		color: @gb-dm-fg3 !important;
+		b, strong{
+			color: @gb-dm-fg2 !important;
+		}
+	}
+
+	.search-filters-wrap{
+		&::before, &::after{
+			background-image: none !important;
+		}
+	}
+
+	.dropdown__button{
+		color: @gb-dm-fg3 !important;
+	}
+	.dropdown__button:hover, .dropdown__button:focus, .dropdown__button:visited, .dropdown.is-open .dropdown__button{
+		color: @gb-dm-fg1 !important;
+	}
+
+	.switch.is-on{
+		background-color: @gb-dm-light-green !important;
+	}
+
+	.dropdown.is-active .dropdown__button{
+		color: @gb-dm-fg3 !important;
+	}
+
+	.modal__box{
+		background-color: @gb-dm-bg0-hard !important;
+	}
+
+	.modal__list__link{
+		&, &:visited, &:focus{
+			color: @gb-dm-fg1 !important;
+		}
+	}
+
+	.modal__list__link:active, .modal__list__link:hover, .modal__list__link.is-highlighted, .modal--dropdown--region .modal__list__link.is-highlighted{
+		background-color: @gb-dm-bg1 !important;
+	}
+
+	.modal--dropdown--region.modal--popout .frm__input{
+		background-color: @gb-dm-bg0-hard !important;
+	}
+
+	.modal--dropdown .modal__list__link.is-selected, .modal--dropdown .modal__list__link.is-selected:hover, .modal--dropdown .modal__list__link.is-selected:visited{
+			color: @gb-dm-fg1 !important;
+	}
+
+	.modal--dropdown .modal__list__link__description{
+			color: @gb-dm-fg3 !important;
+	}
+
+	.module__title__link, .module__title__link:hover, .module__title__link:active, .module__title__link:visited{
+		color: @gb-dm-fg1 !important;
+	}
+
+	.module__text{
+		color: @gb-dm-fg3 !important;
+	}
+
+	.about-info-box{
+		color: @gb-dm-fg3 !important;
+	}
+
+	.about-info-box__info-label{
+		color: @gb-dm-fg1 !important;
+	}
+
+	.about-info-box__info-value{
+		color: @gb-dm-fg3 !important;
+	}
+	
+	.results--ads{
+		display: none !important;
+	}
+
+	.result__a, .result.highlight .result__a{
+		color: @gb-dm-dark-blue !important;
+		&:visited{
+			color: @gb-dm-dark-purple !important;
+		}
+	}
+
+	.result__url, .result__url:active, .result__url:visited:focus{
+		color: @gb-dm-dark-green !important;
+	}
+
+	.result.highlight{
+		border-color: transparent !important;
+		background-color: @gb-dm-bg0-hard !important;
+	}
+
+	.js-feedback-btn-wrap{
+		display: none !important;
+	}
+
+	.footer{
+		display: none !important;
+	}
+}
--- a/less/github.less
+++ b/less/github.less
@ -0,0 +1,260 @@
+@import "gruvbox-colours.less";
+
+body{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+}
+
+a{
+	&, &:visited{
+		color: @gb-dm-dark-aqua;
+	}
+}
+
+.Box{
+	background-color: @gb-dm-bg0;
+	border-color: @gb-dm-bg0-hard;
+}
+.Box-header{
+	background-color: @gb-dm-bg0;
+	border-color: @gb-dm-bg0-hard;
+}
+
+.link-gray{
+	color: @gb-dm-fg3 !important;
+	&:hover{
+		color: @gb-dm-dark-aqua !important;
+	}
+}
+.text-gray,
+.text-gray-dark{
+	color: @gb-dm-fg3 !important;
+}
+
+.link-gray-dark{
+	color: @gb-dm-fg4 !important;
+	&:hover{
+		color: @gb-dm-dark-aqua !important;
+	}
+}
+
+.State--green{
+	background-color: @gb-dm-dark-green;
+}
+
+
+
+/*
+ * Header
+*/
+.pagehead{
+	border-bottom-color: @gb-dm-bg0-soft;
+}
+.repohead.experiment-repo-nav{
+	background-color: @gb-dm-bg0-hard;
+}
+.reponav-item{
+	color: @gb-dm-fg0;
+	&:hover, &:focus{
+		color: @gb-dm-dark-aqua;
+	}
+	&.selected{
+		background-color: @gb-dm-bg0;
+		color: @gb-dm-fg0;
+		border-top-color: @gb-dm-dark-orange;
+		border-left-color: @gb-dm-bg0-soft;
+		border-right-color: @gb-dm-bg0-soft;
+	}
+}
+
+.bg-gray-light{
+	background-color: @gb-dm-bg0-soft !important;
+}
+
+.gh-header{
+	background-color: @gb-dm-bg0;
+}
+.gh-header .gh-header-sticky.is-stuck + .gh-header-shadow{
+	background-color: @gb-dm-bg0-hard;
+	color: @gb-dm-fg0;
+}
+
+.subnav-item{
+	border-color: @gb-dm-fg4;
+	color: @gb-dm-fg2;
+	&:hover, &:focus{
+		background: @gb-dm-bg2;
+	}
+}
+
+/*
+ * Code
+*/
+
+table.files{
+	background-color: @gb-dm-bg0;
+}
+
+table.files tr:nth-child(even) td{
+	background-color: @gb-dm-bg1;
+}
+table.files tr.navigation-focus td, table.files tr[aria-selected="true"] td{
+	background-color: @gb-dm-bg3;
+}
+
+table.files td.icon{
+	color: @gb-dm-dark-aqua;
+	.octicon{
+		color: @gb-dm-dark-aqua;
+	}
+}
+
+.blob-num{
+	color: @gb-dm-fg0;
+}
+
+.blob-code-inner{
+	font-family: 'Iosevka';
+	background: @gb-lm-bg0;
+	color: @gb-lm-fg0;
+}
+
+/*
+ * Timeline
+*/
+.timeline-comment{
+	background-color: @gb-dm-bg0;
+	border-color: @gb-dm-bg0-hard;
+	color: @gb-dm-fg0;
+	
+	&.current-user{
+		border-color: @gb-dm-dark-aqua;
+		.timeline-comment-header{
+			background-color: @gb-dm-bg0;
+		}
+	}
+
+	.timeline-comment-header{
+		background-color: @gb-dm-bg0;
+		color: @gb-dm-fg0;
+		.link-gray-dark{
+			color: @gb-dm-fg0 !important;
+		}
+	}
+}
+
+.border-md{
+	border-color: @gb-dm-bg0-hard !important;
+}
+
+.discussion-timeline-actions{
+	background-color: @gb-dm-bg0;
+}
+
+.markdown-body .highlight pre, .markdown-body pre{
+	background: @gb-lm-bg0;
+	color: @gb-lm-fg0;
+}
+
+
+
+
+/*
+ * Dropdowns
+*/
+
+.dropdown-menu{
+	background-color: @gb-dm-bg0-hard;
+}
+
+.dropdown-item{
+	color: @gb-dm-fg0;
+}
+.dropdown-item:focus, .dropdown-item:hover{
+	background-color: @gb-dm-dark-aqua;
+	color: @gb-dm-fg0;
+}
+
+.discussion-sidebar-heading,
+.discussion-sidebar-item{
+	color: @gb-dm-fg0;
+}
+
+.thread-subscription-status{
+	background-color: @gb-dm-bg0;
+}
+
+.SelectMenu-modal{
+	background-color: @gb-dm-bg0-hard;
+}
+.SelectMenu-item{
+	background-color: @gb-dm-bg0-hard;
+	color: @gb-dm-fg0;
+	border-bottom-color: @gb-dm-bg0-soft;
+	&:hover, &:focus{
+		background-color: @gb-dm-dark-aqua;
+	}
+}
+
+
+
+/*
+ * Issues
+*/
+.Box-row--focus-gray.navigation-focus{
+	background-color: @gb-dm-bg1;
+}
+.table-list-header-toggle .btn-link.selected, .table-list-header-toggle .btn-link.selected:hover{
+	color: @gb-dm-fg0;
+}
+
+
+/*
+ * Forms
+*/
+
+.btn{
+	background: @gb-dm-bg4;
+	color: @gb-dm-fg2;
+	&:hover,&:focus{
+		background: @gb-dm-bg2;
+	}
+}
+.btn-primary{
+	&,&:visited{
+		background-color: @gb-dm-dark-aqua;
+		background-image: none;
+		//box-shadow: none;
+		color: @gb-dm-fg0;
+	}
+}
+.form-control, .form-select{
+	color: @gb-dm-fg0;
+	background-color: @gb-dm-bg0;
+	border-color: @gb-dm-fg4;
+	&:focus{
+		background-color: @gb-dm-bg0-hard;
+		border-color: @gb-dm-dark-aqua;
+	}
+}
+
+
+
+
+.js-signup-prompt{
+	display: none;
+}
+
+
+.markdown-body table tr{
+	background-color: @gb-dm-bg0;
+	&:nth-child(2n){
+		background-color: @gb-dm-bg0-hard;
+	}
+}
+
+.markdown-body table td, .markdown-body table th{
+	border-color: @gb-dm-bg2;
+}
+
+
--- a/less/gitlab.less
+++ b/less/gitlab.less
@ -0,0 +1,100 @@
+@import "gruvbox-colours.less";
+
+body{
+	background-color: @gb-dm-bg0-soft;
+}
+
+.content-wrapper .container-fluid{
+	background-color: @gb-dm-bg0-soft;
+}
+
+.layout-nav{
+	background-color: @gb-dm-bg0-soft;
+	li a{
+		color: @gb-dm-fg0;
+	}
+	li.active a{
+		color: @gb-dm-dark-aqua;
+		border-color: @gb-dm-dark-aqua;
+	}
+}
+.nav-links.sub-nav{
+	&, .container-fluid{
+		background-color: @gb-dm-bg0-soft;
+		a, a:visited{
+			color: @gb-dm-fg0;
+		}
+	}
+}
+h1, h2, h3, h4, h5, h6, p{
+	color: @gb-dm-fg0;
+}
+
+.project-stats .nav > li > a{
+	&, &:link, &:visited{
+		color: @gb-dm-fg0;
+		&:hover{
+			color: @gb-dm-fg0;
+			text-decoration: underline;
+		}
+	}
+
+}
+
+table.table tr th, .file-holder table tr th, .wiki table tr th, .md table tr th, ul.notes .note .note-body .note-text table tr th{
+	background-color: @gb-dm-bg4;
+}
+
+.tree-holder .tree-table tr{
+	background-color: @gb-dm-bg1;
+	td{
+		color: @gb-dm-fg0;
+	}
+	&:nth-of-type(2n){
+		background-color: @gb-dm-bg2;
+	}
+	&:hover{
+		td{
+			background-color: @gb-dm-bg3;
+		}
+	}
+}
+
+.tree-holder .tree-item .tree-item-file-name i, .tree-holder .tree-item .tree-item-file-name a{
+	color: @gb-dm-fg0;
+}
+
+.tree-holder .tree-commit .tree-commit-link{
+	color: @gb-dm-light-aqua;
+}
+
+.file-holder{
+	border-color: @gb-dm-bg0-hard;
+	.file-title{
+		background-color: @gb-dm-bg1;
+		color: @gb-dm-fg0;
+		a:not(.btn){
+			color: @gb-dm-fg0;
+		}
+	}
+	.file-content{
+		background-color: @gb-dm-bg0;
+	}
+}
+
+.wiki{
+	h1, h2, h3, h4, h5, h6, p, ul, ol, li{
+		color: @gb-dm-fg0;
+	}
+	a, a:link, a:visited{
+		color: @gb-dm-light-aqua;
+		&:hover{
+			color: @gb-dm-dark-aqua;
+		}
+	}
+	p code, li code{
+		background-color: @gb-dm-bg4;
+		color: @gb-dm-fg0;
+		border: 1px solid @gb-dm-bg3;
+	}
+}
--- a/less/global.less
+++ b/less/global.less
@ -0,0 +1,351 @@
+@import "./gruvbox-colours.less";
+@import "codemirror.less";
+
+html{
+	background: #fff - @gb-dm-bg0;
+	filter: invert(100%);
+}
+
+body{
+	background: #fff - @gb-dm-bg0;
+}
+
+img,svg,video{
+	filter: invert(100%);
+}
+
+#vimvixen-console-frame{
+	filter: invert(100%);
+}
+
+//html
+//{
+//	background: @gb-dm-bg0;
+//}
+//
+//
+//  /*----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----*/
+//*
+//{
+//	color: @gb-dm-fg0;
+//	//text-shadow: 0 0 3px #000;
+//	box-shadow: none;
+//	background-color: transparent;
+//	border-color: @gb-dm-fg4;
+//	border-top-color: @gb-dm-fg4;
+//	border-bottom-color: @gb-dm-fg4;
+//	border-left-color: @gb-dm-fg4;
+//	border-right-color: @gb-dm-fg4;
+//	//font-family: opendyslexic;
+//}
+//
+//body,
+//.content,
+//#content,
+//main,
+//.main,
+//#main,
+//{
+//	background: transparent !important;
+//}
+//
+//*:before, *:after
+//{
+//	background-color: transparent;
+//	border-color: @gb-dm-fg4;
+//}
+//
+//a, a *
+//{
+//	color: #409B9B;
+//	text-decoration: none;
+//	text-shadow: none;
+//	color: @gb-dm-dark-aqua;
+//}
+//
+//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: @gb-dm-light-aqua;
+//}
+//
+//a:visited, a:visited *
+//{
+//	color: @gb-dm-light-purple;
+//}
+//
+//a.highlight, a.highlight *, a.active, a.active *, .selected, .selected *, [href="#"]
+//{
+//	color: @gb-dm-fg0;
+//	font-weight: bold;
+//}
+//
+//h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, strong, [id*="headline"], [class*="headline"], [id*="header"], [class*="header"], [class*="header"] td, .title
+//{
+//	color: @gb-dm-fg0;
+//}
+//
+//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;
+//}
+//
+//[class*="error"], [class*="alert"], code, span[onclick], div[onclick]
+//{
+//	color: @gb-dm-dark-red;
+//}
+//
+//
+//::selection
+//{
+//	background: @gb-lm-dark-orange;
+//	//color: #000;
+//}
+//
+//:focus
+//{
+//	outline: none;
+//}
+//
+//
+//.card{
+//	background-color: @gb-dm-bg0-soft;
+//}
+//
+//.on-light{
+//	background: transparent;
+//}
+//
+///*----- MENU & CO BACKGROUND-COLORS -----*/
+//div[style="display: block;"], div[role="navigation"]
+//{
+//	background: fade(@gb-dm-bg0-hard, 50%);
+//}
+//
+//table
+//{
+//	background: @gb-dm-bg2;
+//	border-radius: 6px;
+//}
+//
+//table > tbody > tr:nth-child(even), table > tbody > tr > td:nth-child(even)
+//{
+//	background-color: rgba(0,0,0,.2);
+//}
+//
+//iframe, embed, nav, 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[class*=navigation], [id*="menu"], [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: @gb-dm-bg0-soft;
+//	border-radius: 5px;
+//	box-shadow: 1px 1px 5px @gb-dm-bg0-hard;
+//}
+//
+//header, #header, footer, #footer
+//{
+//	background: fade( @gb-dm-bg0-hard, 90%);
+//	box-shadow: 0 0 5px #000;
+//}
+//
+//body > #dialog, body > .xenOverlay
+//{
+//	background: rgba(19,19,19,.96);
+//	background-clip: padding-box;
+//	box-shadow: 0 0 15px #000, inset 0 0 0 1px rgba(200,200,200,.5), inset 0 0 5px #111;
+//	border: 10px solid rgba(99,99,99,.7);
+//	border-radius: 0;
+//}
+//
+//[id*="overlay"], [id*="lightbox"], blockquote
+//{
+//	background-color: rgba(35,35,35,.9);
+//	border-radius: 5px;
+//}
+//
+//pre, dl, .Message code
+//{
+//	background-color: rgba(5,5,5,.5);
+//}
+//
+//
+///*----- DEFAULT BUTTONS, SEARCHBOXES & CO -----*/
+//input, select, button, [role="button"], a.button, a.submit, a.BigButton, a.TabLink, .install[onclick]
+//{
+//	-moz-appearance: none;
+//	-webkit-appearance: none;
+//	transition: border-color 0.3s;
+//	background: @gb-lm-bg4;
+//	color: @gb-dm-fg0;
+//	text-shadow: 0 0px #000;
+//	border: 2px solid @gb-dm-fg4;
+//	border-radius: 4px;
+//	box-shadow: 0 0 2px fade(@gb-dm-bg0, 90%);
+//}
+//
+//a[href="javascript:;"], a[class*="button"]:not(:empty), a[id*="button"]:not(:empty), a[id*="Button"]:not(:empty), div[class*="button"][onclick]
+//{
+//	transition: border-color 0.3s;
+//	background: @gb-dm-bg4;
+//	color: @gb-dm-fg0;
+//	text-shadow: 0 1px @gb-dm-bg0;
+//	border-color: #333;
+//	box-shadow: 0 0 2px fade(@gb-dm-bg0, 90%);
+//}
+//
+//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;
+//	color: #FFF;
+//}
+//
+//input *, select *, button *, a.button *, a.submit *
+//{
+//	color: #BBB;
+//	text-shadow: none;
+//}
+//
+//input:hover, input[type="button"]:hover, select:hover, button:hover, [role="button"]:hover, a.button:hover, a.submit:hover, a.BigButton:hover, a.TabLink:hover
+//{
+//	border: 2px solid #555;
+//	border-top-color: #555;
+//	border-bottom-color: #555;
+//	border-left-color: #555;
+//	border-right-color: #555;
+//}
+//
+//input:focus, select:focus
+//{
+//	box-shadow: 0 0 5px #077;
+//}
+//
+//input *:hover *
+//{
+//	color: #F0F0F0;
+//	text-shadow: 0 0 2px #FFF;
+//}
+//
+//input[disabled], select[disabled], button[disabled], input[disabled]:hover, select[disabled]:hover, button[disabled]:hover, input[disabled]:focus, select[disabled]:focus, button[disabled]:focus
+//{
+//	opacity: 0.5;
+//	border-color: #333;
+//}
+//
+///*
+//input[type="checkbox"], input[type="radio"] {
+//box-shadow: 0 0 0 2px #444, 0 0 2px 2px #000;
+//opacity: 0.7;
+//transition: box-shadow 0.2s, opacity 0.2s}
+//input[type="checkbox"]:not([disabled]):hover, input[type="radio"]:not([disabled]):hover {
+//opacity: 0.9}
+//input[type="checkbox"]:not([disabled]):active, input[type="radio"]:not([disabled]):active {
+//box-shadow: 0 0 0 2px #999, 0 0 2px 2px #000}
+//input[type="checkbox"]:checked, input[type="radio"]:checked {
+//box-shadow: 0 0 0 2px #077, 0 0 2px 2px #000}
+//input[type="checkbox"][disabled], input[type="radio"][disabled] {
+//opacity: 0.35}
+//*/
+//input[type="checkbox"]
+//{
+//	border-radius: 1px;
+//}
+//
+//input[type="radio"], input[type="radio"]:focus
+//{
+//	border-radius: 100%;
+//}
+//
+//input[type="checkbox"], input[type="radio"]
+//{
+//	min-width: 12px;
+//	min-height: 12px;
+//}
+//
+//input[type="checkbox"]:checked, input[type="radio"]:checked
+//{
+//	border-color: #077;
+//	box-shadow: 0 0 5px #077;
+//}
+//
+//select
+//{
+//	padding-right: 15px;
+//	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAeSURBVBhXY5g5c+Z/BiwALo6uAEMDTACXSWgSDAwA4jATh950E30AAAAASUVORK5CYII=) no-repeat right 4px center #060606;
+//	transition: border-color 0.3s, background-position 0.3s;
+//}
+//
+//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;
+//	color: #FFF;
+//}
+//
+//textarea
+//{
+//	-moz-appearance: none;
+//	-webkit-appearance: none;
+//	background: rgba(0,0,0,.3);
+//	border-radius: 3px;
+//	border: 1px solid #000;
+//	box-shadow: inset 0 0 8px #000;
+//	transition: border-color, background, 0.3s;
+//}
+//
+//textarea, textarea *
+//{
+//	color: #C8C8C8;
+//	text-shadow: 0 0 1px gray;
+//}
+//
+//textarea:hover, textarea:focus:hover
+//{
+//	border-color: #333;
+//}
+//
+//textarea:focus
+//{
+//	background: rgba(0,0,0,.5);
+//	border-color: #222;
+//}
+//
+//textarea:focus, textarea:focus > *
+//{
+//	text-shadow: none;
+//	box-shadow: none;
+//}
+//
+//option, optgroup
+//{
+//	-moz-appearance: none;
+//	-webkit-appearance: none;
+//	background: none;
+//	color: #666;
+//}
+//
+//optgroup
+//{
+//	background: #222;
+//	color: #DDD;
+//}
+//
+//option:not([disabled]):hover, option:focus, option:checked
+//{
+//	background: linear-gradient(#333, #292929);
+//	color: #DDD;
+//}
+//
+//
+///*----- IMAGE CHANGES -----*/
+//body, *:not(:empty):not(html):not(span):not(a):not(b):not(option):not(select):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([class*="photo"]):not(.view):not(.text):not([id*="lbImage"]):not([class*="cc-in"]):not([class*="gr-body"]):not([id*="watch"]):not(#globalsearch),
+//.r3_hm, .gmbutton2 b, .gtab-i, .ph, .bstab-iLft, .csb, #pagination div, [style*="sprite2.png"], #mw-head-base, #mw-page-base
+//{
+//	background-image: none;
+//}
+//
+//img
+//{
+//	opacity: .7;
+//	transition: opacity .2s;
+//}
+//
+//img:hover, a:hover img, #mpiv-popup
+//{
+//	opacity: 1;
+//}
--- a/less/gruvbox-colours.less
+++ b/less/gruvbox-colours.less
@ -0,0 +1,139 @@
+// Dark Background
+@gb-dm-bg0: #282828;
+@gb-dm-bg0-hard: #1d2021;
+@gb-dm-bg0-soft: #32302f;
+@gb-dm-bg1: #3c3836;
+@gb-dm-bg2: #504945;
+@gb-dm-bg3: #665c54;
+@gb-dm-bg4: #7c6f64;
+// Dark Foreground
+@gb-dm-fg0: #fbf1c7;
+@gb-dm-fg1: #ebdbb2;
+@gb-dm-fg2: #d5c4a1;
+@gb-dm-fg3: #bdae93;
+@gb-dm-fg4: #a89984;
+// Dark Colors
+@gb-dm-dark-red: #cc241d;
+@gb-dm-dark-green: #98971a;
+@gb-dm-dark-yellow: #d79921;
+@gb-dm-dark-blue: #458588;
+@gb-dm-dark-purple: #b16286;
+@gb-dm-dark-aqua: #689d6a;
+@gb-dm-dark-orange: #d65d0e;
+@gb-dm-dark-gray: #928374;
+@gb-dm-light-red: #fb4934;
+@gb-dm-light-green: #b8bb26;
+@gb-dm-light-yellow: #fabd2f;
+@gb-dm-light-blue: #83a598;
+@gb-dm-light-purple: #d3869b;
+@gb-dm-light-aqua: #8ec07c;
+@gb-dm-light-orange: #f38019;
+@gb-dm-light-gray: #a89984;
+
+
+
+// Light Background
+@gb-lm-bg0: #fbf1c7;
+@gb-lm-bg0-hard: #f9f5d7;
+@gb-lm-bg0-soft: #f2e5bc;
+@gb-lm-bg1: #ebdbb2;
+@gb-lm-bg2: #d5c4a1;
+@gb-lm-bg3: #bdae93;
+@gb-lm-bg4: #a89984;
+
+// Light Foreground
+@gb-lm-fg0: #282828;
+@gb-lm-fg1: #3c3836;
+@gb-lm-fg2: #504945;
+@gb-lm-fg3: #665c54;
+@gb-lm-fg4: #7c6f64;
+
+// Light Colors
+@gb-lm-dark-red: #cc241d;
+@gb-lm-dark-green: #98971a;
+@gb-lm-dark-yellow: #d79921;
+@gb-lm-dark-blue: #458588;
+@gb-lm-dark-purple: #b16286;
+@gb-lm-dark-aqua: #689d6a;
+@gb-lm-dark-orange: #d65d0e;
+@gb-lm-dark-gray: #928374;
+
+@gb-lm-light-red: #9d0006;
+@gb-lm-light-green: #79740e;
+@gb-lm-light-yellow: #b57614;
+@gb-lm-light-blue: #076678;
+@gb-lm-light-purple: #8f3f71;
+@gb-lm-light-aqua: #427b58;
+@gb-lm-light-orange: #af3a03;
+@gb-lm-light-gray: #7c6f64;
+
+
+:root{
+	--gb-dm-bg0: @gb-dm-bg0;
+	--gb-dm-bg0-hard: @gb-dm-bg0-hard;
+	--gb-dm-bg0-soft: @gb-dm-bg0-soft;
+	--gb-dm-bg1: @gb-dm-bg1;
+	--gb-dm-bg2: @gb-dm-bg2;
+	--gb-dm-bg3: @gb-dm-bg3;
+	--gb-dm-bg4: @gb-dm-bg4;
+// Dark Foreground
+	--gb-dm-fg0: @gb-dm-fg0;
+	--gb-dm-fg1: @gb-dm-fg1;
+	--gb-dm-fg2: @gb-dm-fg2;
+	--gb-dm-fg3: @gb-dm-fg3;
+	--gb-dm-fg4: @gb-dm-fg4;
+// Dark Colors
+	--gb-dm-dark-red: @gb-dm-dark-red;
+	--gb-dm-dark-green: @gb-dm-dark-green;
+	--gb-dm-dark-yellow: @gb-dm-dark-yellow;
+	--gb-dm-dark-blue: @gb-dm-dark-blue;
+	--gb-dm-dark-purple: @gb-dm-dark-purple;
+	--gb-dm-dark-aqua: @gb-dm-dark-aqua;
+	--gb-dm-dark-orange: @gb-dm-dark-orange;
+	--gb-dm-dark-gray: @gb-dm-dark-gray;
+	--gb-dm-light-red: @gb-dm-light-red;
+	--gb-dm-light-green: @gb-dm-light-green;
+	--gb-dm-light-yellow: @gb-dm-light-yellow;
+	--gb-dm-light-blue: @gb-dm-light-blue;
+	--gb-dm-light-purple: @gb-dm-light-purple;
+	--gb-dm-light-aqua: @gb-dm-light-aqua;
+	--gb-dm-light-orange: @gb-dm-light-orange;
+	--gb-dm-light-gray: @gb-dm-light-gray;
+
+
+
+// Light Background
+	--gb-lm-bg0: @gb-lm-bg0;
+	--gb-lm-bg0-hard: @gb-lm-bg0-hard;
+	--gb-lm-bg0-soft: @gb-lm-bg0-soft;
+	--gb-lm-bg1: @gb-lm-bg1;
+	--gb-lm-bg2: @gb-lm-bg2;
+	--gb-lm-bg3: @gb-lm-bg3;
+	--gb-lm-bg4: @gb-lm-bg4;
+
+// Light Foreground
+	--gb-lm-fg0: @gb-lm-fg0;
+	--gb-lm-fg1: @gb-lm-fg1;
+	--gb-lm-fg2: @gb-lm-fg2;
+	--gb-lm-fg3: @gb-lm-fg3;
+	--gb-lm-fg4: @gb-lm-fg4;
+
+// Light Colors
+	--gb-lm-dark-red: @gb-lm-dark-red;
+	--gb-lm-dark-green: @gb-lm-dark-green;
+	--gb-lm-dark-yellow: @gb-lm-dark-yellow;
+	--gb-lm-dark-blue: @gb-lm-dark-blue;
+	--gb-lm-dark-purple: @gb-lm-dark-purple;
+	--gb-lm-dark-aqua: @gb-lm-dark-aqua;
+	--gb-lm-dark-orange: @gb-lm-dark-orange;
+	--gb-lm-dark-gray: @gb-lm-dark-gray;
+
+	--gb-lm-light-red: @gb-lm-light-red;
+	--gb-lm-light-green: @gb-lm-light-green;
+	--gb-lm-light-yellow: @gb-lm-light-yellow;
+	--gb-lm-light-blue: @gb-lm-light-blue;
+	--gb-lm-light-purple: @gb-lm-light-purple;
+	--gb-lm-light-aqua: @gb-lm-light-aqua;
+	--gb-lm-light-orange: @gb-lm-light-orange;
+	--gb-lm-light-gray: @gb-lm-light-gray;
+}
--- a/less/protonmail.less
+++ b/less/protonmail.less
@ -0,0 +1,94 @@
+@import "gruvbox-colours.less";
+
+.headerSecured-container{
+	background-color: @gb-dm-bg0-hard;
+}
+
+#ptSidebar{
+	background-color: @gb-dm-bg0;
+}
+
+.headerSecuredDesktop-logo{
+	background-color: @gb-dm-bg0;
+}
+
+.pm_toolbar{
+	background-color: @gb-dm-bg1;
+}
+
+.pm_buttons a, .pm_buttons button, .pm_buttons .pm_buttons-child,
+.appConfigBody-rows .chooseLayoutBtns-btn-rows, body:not(.appConfigBody-rows) .chooseLayoutBtns-btn-column{
+	background-color: @gb-dm-light-blue;
+	color: @gb-dm-fg1;
+	border-color: @gb-dm-dark-blue;
+	&:hover{
+		background-color: @gb-dm-dark-blue;
+		color: @gb-dm-fg1;
+	}
+}
+
+.sidebarApp-container .sidebar-btn-compose{
+	background-color: @gb-dm-dark-aqua;
+	border-color: @gb-dm-dark-aqua;
+	&:hover{
+		background-color: @gb-dm-light-aqua;
+	}
+}
+
+body #conversation-list-rows .conversation{
+	background-color: @gb-dm-bg0-hard;
+	color: @gb-dm-fg0;
+	.subject h4{
+		color: @gb-dm-fg0;
+	}
+	&.read{
+		background-color: @gb-dm-bg0-soft;
+		color: @gb-dm-fg2;
+	}
+}
+
+body #wrapper{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+}
+
+#conversation-view header h1{
+	color: @gb-dm-fg0;
+}
+
+#conversation-view .message{
+	border-color: @gb-dm-bg0-hard;
+	.summary, .details, .summary .summary-right{
+		background-color: @gb-dm-bg0;
+		color: @gb-dm-fg0;
+	}
+}
+
+.messageExtra-container > [class*="-container"]{
+	background-color: @gb-dm-bg1;
+	color: @gb-dm-fg0;
+}
+
+#conversation-view .message .summary .labels, #conversation-view .message .summary .location.folders, #conversation-view .message .summary .message-attachments, #conversation-view .message .summary .status, #conversation-view .message .summary .time{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+}
+
+.pm_dropdown{
+	background-color: @gb-dm-dark-blue;
+}
+.pm_dropdown > a:hover, .pm_dropdown > button:hover, .pm_dropdown > ul > li:hover{
+	color: @gb-dm-fg0 !important;
+}
+.pm_buttons{
+	color: @gb-dm-fg0;
+}
+.scrollbox-container{
+	&,&::before,&::after{
+		background-color: @gb-dm-dark-blue;
+	}
+}
+#conversation-view .frame, #pm_main{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+}
--- a/less/reddit.less
+++ b/less/reddit.less
@ -0,0 +1,340 @@
+@import "gruvbox-colours.less";
+
+:root{
+	--post-line-color: @gb-dm-fg4 !important;
+}
+
+#sr-header-area
+{
+	height: 0 !important;
+}
+
+.sr-bar,
+.dropdown.srdrop
+{
+	float: right !important;
+	margin-left: 1em;
+}
+/* Hide annoying stuff */
+.give-gold-button,
+.goldvertisement,
+.embed-comment,
+.nub
+{
+	display: none !important;
+}
+/* Reset */
+*, *:before, *:after
+{
+	background-color: transparent !important;
+	//border: none !important;
+	color: @gb-dm-fg0 !important;
+}
+/* Default links */
+a
+{
+	color: #48b !important;
+}
+
+a:visited
+{
+	color: #369 !important;
+}
+
+a:hover
+{
+	color: #5ad !important;
+}
+/* Background */
+html,
+body,
+#sr-more-link
+{
+	background-color: #222 !important;
+}
+/* Top bar */
+#header-img,
+#mail,
+.sidebox.create .spacer a
+{
+	filter: invert(80%) hue-rotate(180deg) !important;
+}
+
+.drop-choices,
+.hover-bubble,
+.modal-dialog
+{
+	background: #111 !important;
+}
+
+.tabmenu .selected a
+{
+	color: #999 !important;
+}
+/* Side bar */
+.listing-chooser-collapsed .grippy
+{
+	width: 1px !important;
+}
+
+.listing-chooser-collapsed .listing-chooser
+{
+	padding-right: 1px !important;
+}
+
+.listing-chooser li.selected
+{
+	box-shadow: none !important;
+}
+
+.grippy:after
+{
+	display: none !important;
+}
+/* Inputs and buttons */
+input,
+textarea,
+.linkinfo .shortlink input,
+.new-comment .usertext-body,
+.morelink a,
+.morelink:hover a,
+.fancy-toggle-button a,
+.usertext button
+{
+	background: #333 !important;
+	color: #999 !important;
+	font-weight: normal !important;
+}
+/* Listing */
+.thing .title
+{
+	color: #aaa !important;
+}
+
+.title:visited
+{
+	color: #777 !important;
+}
+
+.thing .title:hover
+{
+	color: #ccc !important;
+}
+
+.arrow
+{
+	filter: brightness(45%);
+}
+
+.arrow.upmod,
+.arrow.downmod
+{
+	filter: brightness(50%) contrast(120%);
+}
+
+.link .score.likes
+{
+	color: #b3684d !important;
+}
+
+.link .score.dislikes
+{
+	color: #7070c2 !important;
+}
+
+.expando-button
+{
+	filter: brightness(45%) contrast(180%);
+	background-color: transparent !important;
+}
+
+.moderator,
+.green
+{
+	color: #3a3 !important;
+}
+
+.admin,
+.nsfw-stamp *
+{
+	color: #a66 !important;
+}
+
+.pagename a,
+.trophy-name
+{
+	color: #999 !important;
+}
+
+.buttons li
+{
+	padding: 0 !important;
+}
+
+.buttons a
+{
+	margin-right: 8px !important;
+	color: #888 !important;
+}
+
+.buttons a:visited
+{
+	color: #666 !important;
+}
+
+.buttons a:hover
+{
+	color: #aaa !important;
+}
+
+.pagename,
+.tabmenu li,
+.link .midcol,
+.buttons a,
+.subreddit
+{
+	font-weight: normal !important;
+}
+
+.search-expando.collapsed:before,
+.comment-fade
+{
+	display: none !important;
+}
+
+.recommended-link
+{
+	border-color: #333 !important;
+}
+/* Comments */
+.link .usertext .md,
+blockquote,
+pre,
+code,
+.gold-accent
+{
+	background-color: #111 !important;
+}
+
+.md blockquote
+{
+	border-left: solid 4px #333 !important;
+}
+
+.md td
+{
+	border: solid 1px #333 !important;
+}
+
+hr
+{
+	border-bottom: solid 1px #333 !important;
+}
+
+.comment .author,
+.morecomments a
+{
+	font-weight: normal !important;
+}
+/* RES */
+.guider,
+.guiders_button,
+.res-fancy-toggle-button,
+#RESConsoleContainer,
+#RESShortcutsAddFormContainer
+{
+	background: #222 !important;
+}
+
+.RESDialogSmall,
+.RESDropdownOptions,
+.RESNotification,
+#alert_message
+{
+	background: #111 !important;
+}
+
+.RES-keyNav-activeElement,
+.RES-keyNav-activeElement .md-container
+{
+	background: #333 !important;
+}
+
+.res-nightmode .arrow
+{
+	filter: none !important;
+}
+/* new.reddit.com */
+#header,
+#lightbox,
+#hamburgers,
+#overlayScrollContainer,
+#SHORTCUT_FOCUSABLE_DIV > div:first-child,
+header,
+div[data-redditstyle],
+body > div,
+div[style^="left:"]
+div[role="button"]
+{
+	background-color: #222 !important;
+}
+
+#header svg
+{
+	filter: invert(90%) hue-rotate(180deg);
+}
+
+div[contenteditable="true"]
+{
+	background: #333 !important;
+}
+
+#overlayFixedContent + div
+{
+	background: rgba(0, 0, 0, 0.7) !important;
+}
+
+div[data-slot]
+{
+	display: none !important;
+}
+
+.icon, .icon:before
+{
+	color: inherit !important;
+}
+
+a[data-click-id="timestamp"]
+{
+	color: #777 !important;
+}
+
+a[data-click-id="body"] h2
+{
+	color: #aaa !important;
+}
+
+a[data-click-id="body"]:visited h2
+{
+	color: #777 !important;
+}
+
+.scrollerItem
+{
+	box-shadow: none !important;
+}
+
+header.cx1ohrUAq6ARaXTX2u8YN{
+	background-color: @gb-dm-dark-blue !important;
+}
+
+//menu
+[role=menu]{
+	background-color: @gb-dm-bg0-hard !important;
+}
+
+//Icon in the header
+.eZQ5o2PrhR59wkAtPbxMU,
+._139PgjqaVJ8tq4kF4QznMX{
+	fill: @gb-dm-dark-aqua !important;
+}
--- a/less/slack.less
+++ b/less/slack.less
@ -0,0 +1,147 @@
+@import "gruvbox-colours.less";
+
+body{
+	font-family: opendyslexic;
+}
+
+code, pre, tt, .blob-code-inner{
+	font-family: Iosevka;
+	color: @gb-dm-fg0 !important;
+}
+
+textarea{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+	font-family: opendyslexic;
+	font-size: 20px;
+}
+
+.form-control, .form-select{
+	border-color: @gb-dm-bg0-hard;
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+	border-width: 2px;
+}
+
+footer, .footer, .header-wrap{
+	&, p, li, h1, h2, h3, h4, h5, h6{
+		background-color: @gb-dm-bg0-hard;
+	}
+}
+
+#content{
+	background-color: @gb-dm-bg0;
+	&, p, li, h1, h2, h3, h4, h5, h6{
+		color: @gb-dm-fg0;
+	}
+}
+/**
+ * Slack
+**/
+.p-workspace__top_nav{
+		background-color: @gb-dm-bg0-hard !important;
+		*{
+			color: @gb-dm-fg0 !important;
+		}
+}
+.p-channel_sidebar{
+	background-color: @gb-dm-dark-blue !important;
+}
+.p-classic_nav__team_header:hover{
+	background-color: @gb-lm-light-blue !important;
+}
+.p-channel_sidebar__channel:hover, .p-channel_sidebar__link:hover, .p-channel_sidebar__close_container:hover{
+	background-color: @gb-lm-light-blue !important;
+}
+.p-channel_sidebar__section_heading--selected, .p-channel_sidebar__channel--selected, .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected, .p-channel_sidebar__link--selected:hover, .p-channel_sidebar__close:focus{
+	background-color: @gb-lm-light-blue !important;
+}
+.p-classic_nav__team_header{
+	background-color: @gb-lm-light-blue !important;
+}
+.c-message_attachment,.c-message_attachment__author_name{
+		color: @gb-dm-fg0 !important;
+}
+.c-icon_button.c-texty_input__button,.p-workspace__input .p-message_input_file_button{
+		color: @gb-dm-fg0 !important;
+}
+.c-texty_input .ql-placeholder{
+		color: @gb-dm-fg0 !important;
+}
+.p-message_pane .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider:before, .p-message_pane .c-message_list:not(.c-virtual_list--scrollbar):before{
+		background-color: @gb-dm-bg0-hard !important;
+}
+.p-workspace__input .p-message_input_field,
+.p-threads_footer__input .p-message_input_field{
+		background-color: @gb-dm-dark-blue !important;
+		color: @gb-dm-fg0 !important;
+}
+
+.c-message_list__day_divider__line{
+	border-top: 1px solid @gb-dm-light-orange !important;
+}
+
+.c-message_list__day_divider__label__pill{
+	background: @gb-dm-light-orange !important;
+}
+
+.c-menu{
+	background-color: @gb-dm-bg0 !important;
+	color: @gb-dm-fg0 !important;
+	.c-menu_item__button, .c-menu_item__button:link, .c-menu_item__button:visited{
+		color: @gb-dm-fg0 !important;
+	}
+	.c-menu_item--standalone:hover, .c-menu_item--standalone:hover:link, .c-menu_item--standalone:hover:visited, .c-menu_item__button--highlighted, .c-menu_item__button--highlighted:link, .c-menu_item__button--highlighted:visited, .no_touch a.c-menu_item__button--highlighted, .no_touch a.c-menu_item__button--highlighted:link, .no_touch a.c-menu_item__button--highlighted:visited{
+		background-color: @gb-dm-dark-aqua !important;
+	}
+}
+
+.CodeMirror-code{
+	background-color: @gb-dm-bg0-hard !important;
+	font-family: Iosevka !important;
+	&>div:before{
+		color: @gb-dm-fg0 !important;
+		border-right: 1px solid @gb-dm-fg0 !important;
+	}
+}
+
+
+.c-button--primary{
+	background-color: @gb-dm-dark-aqua !important;
+}
+
+.ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor ol, .ql-editor p, .ql-editor pre, .ql-editor ul{
+		background-color: @gb-dm-dark-blue !important;
+		color: @gb-dm-fg0 !important;
+}
+.c-virtual_list__scroll_container{
+	background-color: @gb-dm-bg0 !important;
+	color: @gb-dm-fg0 !important;
+	.c-message--hover{
+		background-color: @gb-dm-bg0-hard !important;
+	}
+	.c-message__body{
+		color: @gb-dm-fg0 !important;
+		font-family: opendyslexic !important;
+	}
+	.c-message__sender, .c-message__sender a, .c-message__sender .c-message__sender_link{
+		color: @gb-dm-fg0 !important;
+		font-family: Iosevka !important;
+	}
+}
+.p-workspace__secondary_view{
+	background-color: @gb-dm-bg0 !important;
+	border-left: 2px solid @gb-dm-bg0-hard !important;
+	.p-flexpane_header{
+		background-color: @gb-dm-bg0-soft !important;
+	}
+	.c-icon_button--light, .c-icon_button--light.c-button-unstyled, .c-icon_button--light:link{
+		color: @gb-dm-fg0 !important;
+	}
+	.p-threads_flexpane__header_channel_name, .p-threads_flexpane__header_permalink:focus, .p-threads_flexpane__header_permalink:hover{
+		color: @gb-dm-fg0 !important;
+	}
+}
+.c-message--focus-within:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight){
+		background-color: @gb-dm-bg0-hard !important;
+}
--- a/less/stackoverflow.less
+++ b/less/stackoverflow.less
@ -0,0 +1,64 @@
+@import "gruvbox-colours.less";
+body{
+	background-color: @gb-dm-bg0-hard;
+	color: @gb-dm-fg0;
+}
+a,.question-hyperlink, .answer-hyperlink{
+	color: @gb-dm-dark-aqua;
+	&:hover, &:focus{
+	color: @gb-dm-light-aqua;
+	}
+}
+.nav-links .nav-links--link, .nav-links .nav-links--link:visited{
+	color: @gb-dm-fg0;
+	&:hover{
+		color: @gb-dm-dark-aqua;
+	}
+}
+.nav-links .youarehere .nav-links--link{
+		color: @gb-dm-dark-aqua;
+}
+.post-text hr, .wmd-preview hr{
+	color: @gb-dm-fg2;
+	background-color: @gb-dm-fg2;
+}
+#content{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+	border-color: @gb-dm-bg0-soft;
+}
+
+#question-header .question-hyperlink{
+	color: @gb-dm-fg0;
+}
+
+.subheader{
+	border-bottom-color: @gb-dm-fg2;
+
+}
+.subheader h2{
+	color: @gb-dm-fg0;
+}
+
+ul.comments-list .comment > *{
+	border-bottom-color: @gb-dm-fg2;
+}
+
+.bc-black-2{
+	border-color: @gb-dm-fg2 !important;
+}
+
+.s-input, .s-textarea{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+}
+.wmd-button{
+	filter: invert(1);
+	&:hover{
+	filter: invert(0);
+	}
+}
+
+pre, code{
+	background-color: @gb-dm-bg0-hard;
+}
--- a/less/stylish.less
+++ b/less/stylish.less
@ -0,0 +1,282 @@
+
+/* Base */
+*, ::before, ::after
+{
+	color: #a89984 !important;
+	border-color: #1d2021 !important;
+	outline-color: #1d2021 !important;
+	text-shadow: none !important;
+	box-shadow: none !important;
+	/*-moz-box-shadow: none !important;*/
+	background-color: transparent !important;
+}
+
+html *
+{
+	color: inherit !important;
+}
+
+p::first-letter,
+h1::first-letter,
+h2::first-letter,
+p::first-line
+{
+	color: inherit !important;
+	background: none !important;
+}
+
+/* :: Give solid BG :: */
+
+/* element */
+b,i,u,strong
+{
+	color: #98971a;
+}
+
+html, 
+body,
+li ul,
+ul li,
+table,
+header,
+article,
+section,
+nav,
+menu,
+aside,
+
+/* common */
+
+[class*="nav"],
+[class*="open"],
+[id*="ropdown"], /*dropdown*/
+[class*="ropdown"], 
+div[class*="menu"],
+[class*="tooltip"],
+div[class*="popup"], 
+div[id*="popup"],
+
+/* Notes, details, etc.  Maybe useful */
+div[id*="detail"],div[class*="detail"],
+div[class*="note"], span[class*="note"],
+div[class*="description"],
+
+/* Also common */
+div[class*="content"], div[class*="container"],
+
+/* Popup divs that use visibility: hidden and display: none */
+div[style*="display: block"], 
+div[style*="visibility: visible"]
+{
+	background-color: #282828 !important;
+}
+
+
+
+/*: No BG :*/
+*:not(:empty):not(span):not([class="html5-volume-slider html5-draggable"]):not([class="html5-player-chrome html5-stop-propagation"]), *::before, *::after,
+td:empty, p:empty, div:empty:not([role]):not([style*="flashblock"]):not([class^="html5"]):not([class*="noscriptPlaceholder"])
+{
+	background-image: none !important;
+}
+
+/*: Filter non-icons :*/
+span:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="prite"])
+{
+	background-image: none !important;
+	text-indent: 0 !important;
+}
+
+/*: Image opacity :*/
+img, svg
+{
+	opacity: .75 !important;
+}
+
+img:hover, svg:hover
+{
+	opacity: 1 !important;
+}
+
+/* Highlight */
+::-moz-selection
+{
+	background-color: #ebdbb2 !important;
+	color: #32302f !important;
+}
+
+/* ::: anchor/links ::: */
+
+a
+{
+	color: #689d6a !important;
+	background-color: #282828 !important;
+	opacity: 1 !important;
+	text-indent: 0 !important;
+}
+
+a:link
+{
+	color: #458588 !important;
+}
+
+a:visited
+{
+	color: #b16286 !important;
+}
+
+a:hover
+{
+	color: #d79921 !important;
+	background-color: #1d2021 !important;
+}
+
+a:active
+{
+	color: #d65d0e !important;
+}
+
+/* "Top level" div */
+
+body > div
+{
+	background-color: inherit !important;
+}
+
+/* :::::: Text Presentation :::::: */
+
+summary, details
+{
+	background-color: inherit !important;
+}
+
+kbd, time, label, .date
+{
+	color: #98971a !important;
+}
+
+acronym, abbr
+{
+	border-bottom: 1px dotted !important;
+	cursor: help !important;
+}
+
+mark
+{
+	background-color: #cc241d !important;
+}
+
+
+/* :::::: Headings :::::: */
+
+h1,h2,h3,h4,h5,h6
+{
+	background-image: none !important;
+	border-radius: 5px !important;
+	/*-moz-border-radius: 5px !important;*/
+	-webkit-border-radius: 5px !important;
+	text-indent: 0 !important;
+}
+
+h1,h2,h3,h4,h5,h6
+{
+	background-color: #1d2021 !important;
+}
+
+h1,h2
+{
+	color: #98971a!important;
+}
+
+h3,h4
+{
+	color: #d79921!important;
+}
+
+h5,h6
+{
+	color: #d65d0e!important;
+}
+
+/* :::::: Tables, cells :::::: */
+
+table table
+{
+	background: #1d2021 !important;
+}
+
+th, caption
+{
+	background: #282828 !important;
+}
+
+/* ::: Inputs, textareas ::: */
+
+input, textarea, button,
+select,option,optgroup
+{
+	color: #ebdbb2 !important;
+	background: none #1d2021 !important;
+	-moz-appearance: none !important;
+	-webkit-appearance: none !important;
+}
+
+input,
+textarea, 
+button
+{
+	border-color: #32302f !important;
+	border-width: 1px !important;
+}
+
+/* :::::: Button styling :::::: */
+
+input[type="button"],
+input[type="submit"],
+input[type="reset"],
+button
+{
+	background: #1d2021 !important;
+}
+
+input[type="button"]:hover,
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+button:hover
+{
+	color: #32302f !important;
+	background: #ebdbb2 !important;
+}
+
+input[type="image"]
+{
+	opacity: .85 !important;
+}
+
+input[type="image"]:hover
+{
+	opacity: .95 !important;
+}
+
+/* Lightbox fix */
+html [id*="lightbox"] *
+{
+	background-color: transparent !important;
+}
+
+html [id*="lightbox"] img
+{
+	opacity: 1 !important;
+}
+
+/* Youtube Annotation */
+#movie_player-html5 .annotation
+{
+	background: #1d2021 !important;
+}
+
+/* Mozilla addons shrink/expand sections */
+.expando a
+{
+	background: none transparent  !important;
+}
--- a/less/wiki.less
+++ b/less/wiki.less
@ -0,0 +1,87 @@
+@import "gruvbox-colours.less";
+@import "codemirror.less";
+
+body{
+	font-family: opendyslexic;
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+	min-height: 100vh;
+}
+
+h1, h2, h3, h4, h5, h6{
+	color: @gb-dm-fg0;
+}
+
+.card{
+	background-color: @gb-dm-bg0-soft;
+	.entity-list-item:not(.no-hover):hover{
+		background-color: @gb-dm-bg0-hard;
+	}
+}
+
+.primary-background{
+	background: @gb-dm-dark-blue !important;
+}
+
+a, a:visited, button.text-button{
+	color: @gb-dm-light-aqua;
+	fill: @gb-dm-light-aqua;
+	&.active, &:hover{
+		color: @gb-dm-dark-aqua;
+		fill: @gb-dm-dark-aqua;
+	}
+}
+.button.primary, .button.primary:hover, .button.primary:active, .button.primary:focus{
+	background-color: @gb-dm-light-aqua;
+	border-color: @gb-dm-dark-aqua;
+	color: @gb-dm-fg0;
+	fill: @gb-dm-fg0;
+}
+
+input[type="checkbox"]{
+	//display: inline-block;
+	width: 1em;
+	height: 1em;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-o-appearance: none;
+	appearance:none;
+	background-color: @gb-dm-bg0-hard;
+	vertical-align: middle;
+	text-align: center;
+	line-height: 1em;
+	color: @gb-dm-fg0;
+		&::before{
+			content:"";
+			margin: 0;
+			padding: 0;
+		}
+	&:checked{
+		background-color: @gb-dm-dark-aqua;
+		&::before{
+			content:"✔";
+		}
+	}
+}
+
+.dropdown-menu{
+	background-color: @gb-dm-bg0;
+	border-color: @gb-dm-bg0-hard;
+	a, button{
+		color: @gb-dm-fg0;
+		&:hover{
+			background-color: @gb-dm-bg0-soft;
+		}
+	}
+}
+
+.list-sort-container .list-sort{
+	border-color: @gb-dm-bg0-hard;
+}
+.list-sort-container .list-sort-dir{
+	border-color: @gb-dm-bg0-hard;
+}
+
+.Codemirror, pre, #markdown-editor-input, .editor-toolbar, .code-base, code, span.code{
+	font-family: Iosevka;
+}
--- a/less/wikipedia.less
+++ b/less/wikipedia.less
@ -0,0 +1,104 @@
+@import "gruvbox-colours.less";
+
+body, #mw-head{
+	background-color: @gb-dm-bg0-hard;
+}
+.mw-body, .parsoid-body{
+	background-color: @gb-dm-bg0;
+	color: @gb-dm-fg0;
+}
+
+#p-logo a{
+	filter: invert(1);
+}
+
+.vectorTabs{
+	li{
+		background: @gb-dm-bg0-hard;
+		a{
+			color: @gb-dm-fg0;
+		}
+	}
+	.selected{
+		background: @gb-dm-bg0;
+		a{
+			&,&:visited{
+				color: @gb-dm-fg0;
+			}
+		}
+	}
+}
+
+a, #mw-panel .portal .body li a, .mw-parser-output a.external{
+	color: @gb-dm-dark-aqua;
+	&:visited{
+		color: @gb-dm-light-aqua;
+	}
+}
+
+#mw-panel .portal h3{
+	color: @gb-dm-fg0;
+}
+
+.infobox, .mw-parser-output .quotebox, #catlinks{
+	background-color: @gb-dm-bg0-hard;
+	color: @gb-dm-fg0;
+}
+
+h1, h2, h3, h4, h5, h6{
+	color: @gb-dm-fg0;
+}
+
+.toc, .mw-warning, .toccolours{
+	background-color: @gb-dm-bg0-soft;
+}
+
+.tocnumber{
+	color: @gb-dm-fg0;
+}
+
+.wikitable{
+	background-color: @gb-dm-bg0-soft;
+	color: @gb-dm-fg0;
+}
+
+.wikitable > tr > th, .wikitable > * > tr > th{
+	background-color: @gb-dm-bg0-hard;
+}
+
+div.thumbinner{
+	background-color: @gb-dm-bg0-hard;
+}
+
+.mwe-popups{
+	background-color: @gb-dm-bg0-hard;
+	.mwe-popups-container,
+	.mwe-popups-extract
+	{
+		color: @gb-dm-fg0;
+		&::after{
+			content: none;
+		}
+	}
+	&.flipped-y,
+	&.flipped-x-y{
+		&::before,
+		&::after{
+			border-top-color: @gb-dm-bg0-hard;
+		}
+	}
+	&,
+	&.flipped-x{
+		&::before,
+		&::after{
+			border-bottom-color: @gb-dm-bg0-hard;
+		}
+	}
+
+}
+.mwe-popups-settings-icon{
+	color: @gb-dm-fg0;
+	&:hover{
+		background-color: @gb-dm-bg0-soft;
+	}
+}
--- a/less/youtube.less
+++ b/less/youtube.less
@ -0,0 +1,143 @@
+@import "gruvbox-colours.less";
+
+//Main content
+//ytd-app{
+//	background-color: @gb-dm-bg0;
+//}
+//
+////Header
+//ytd-masthead{
+//	background-color: @gb-dm-bg0-hard;
+//}
+//
+////Sidebar
+//#guide-content.ytd-app{
+//	background-color: @gb-dm-bg0-hard;
+//}
+
+html:not(.style-scope){
+	--yt-spec-brand-background-solid: @gb-dm-bg0-hard;
+	--yt-spec-brand-background-primary: @gb-dm-bg0-hard;
+	--yt-spec-brand-background-secondary: green;
+	--yt-spec-general-background-a: @gb-dm-bg0;
+	--yt-spec-general-background-b: @gb-dm-bg0;
+	--yt-spec-general-background-c: pink;
+	--yt-spec-error-background: red;
+	--yt-spec-text-primary: @gb-dm-fg0;
+	--yt-spec-text-primary-inverse: green;
+	--yt-spec-text-secondary: @gb-dm-fg1;
+	--yt-spec-text-disabled: #909090;
+	--yt-spec-call-to-action: @gb-dm-dark-aqua;
+	--yt-spec-icon-active-other: @gb-dm-fg0;
+	--yt-spec-icon-inactive: #909090;
+	--yt-spec-icon-disabled: #ccc;
+	--yt-spec-badge-chip-background: rgba(0, 0, 0, 0.05);
+	--yt-spec-verified-badge-background: rgba(0, 0, 0, 0.15);
+	--yt-spec-suggested-action: #f2f8ff;
+	--yt-spec-button-chip-background-hover: rgba(0, 0, 0, 0.1);
+	--yt-spec-touch-response: #000;
+	--yt-spec-paper-tab-ink: rgba(0, 0, 0, 0.3);
+	--yt-spec-filled-button-text: #fff;
+	--yt-spec-call-to-action-inverse: #3ea6ff;
+	--yt-spec-brand-icon-active: @gb-dm-fg0;
+	--yt-spec-brand-icon-inactive: @gb-dm-fg4;
+	--yt-spec-brand-button-background: #c00;
+	--yt-spec-brand-link-text: #c00;
+	--yt-spec-filled-button-focus-outline: rgba(0, 0, 0, 0.6);
+	--yt-spec-call-to-action-button-focus-outline: rgba(6, 95, 212, 0.3);
+	--yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, 0.3);
+	--yt-spec-inactive-text-button-focus-outline: #ccc;
+	--yt-spec-brand-subscribe-button-background: var(--yt-spec-brand-button-background);
+	--yt-spec-wordmark-text: #282828;
+	--yt-spec-10-percent-layer: rgba(0, 0, 0, 0.1);
+	--yt-spec-selected-nav-text: #c00;
+	--yt-spec-themed-blue: #065fd4;
+	--yt-spec-themed-green: #107516;
+	--yt-spec-themed-overlay-background: rgba(255, 255, 255, 0.7);
+
+
+
+
+	--ytd-searchbox-border-color: hsla(0, 0%, 53.3%, 0.2);
+	--ytd-searchbox-legacy-border-color: #ccc;
+	--ytd-searchbox-legacy-border-shadow-color: #eee;
+	--ytd-searchbox-legacy-button-color: #f8f8f8;
+	--ytd-searchbox-legacy-button-border-color: #d3d3d3;
+	--ytd-searchbox-legacy-button-focus-color: #e9e9e9;
+	--ytd-searchbox-legacy-button-hover-color: #f0f0f0;
+	--ytd-searchbox-legacy-button-hover-border-color: #c6c6c6;
+	--ytd-searchbox-legacy-button-icon-color: #333;
+	--ytd-moderation-panel-background: hsla(0, 0%, 93.3%, 0.6);
+	--ytd-moderation-panel-hover: hsla(0, 0%, 93.3%, 0.8);
+	--ytd-moderation-panel-comment-text: #111111;
+	--ytd-moderation-panel-comment-metadata-text: hsla(0, 0%, 6.7%, 0.6);
+	--ytd-moderation-icon-color: hsla(0, 0%, 6.7%, 0.6);
+	--ytd-moderation-icon-hover-color: #111111;
+	--ytd-comment-text-color: @gb-dm-fg0;
+	--ytd-comment-metadata-text-color: var(--yt-spec-text-secondary);
+	--ytd-watch-card-secondary-text-color: #888888;
+	--ytd-watch-card-album-header-background: white;
+	--ytd-backstage-metadata-text-color: #888888;
+	--ytd-backstage-image-alert-color: hsla(0, 0%, 6.7%, 0.6);
+	--ytd-backstage-cancel-background-color: white;
+	--ytd-backstage-cancel-color: hsla(0, 0%, 6.7%, 0.4);
+	--ytd-backstage-attachment-background-color: white;
+	--ytd-backstage-creationbox-inactive-color: rgba(0, 0, 0, 0.26);
+	--ytd-backstage-creationbox-text-color: rgba(0, 0, 0, 0.54);
+	--ytd-backstage-creationbox-input-text-color: rgba(0, 0, 0, 0.87);
+	--ytd-backstage-attachment-icon-hover-color: rgba(0, 0, 0, 0.74);
+	--ytd-badge-disabled-color: hsla(0, 0%, 53.3%, 0.4);
+	--ytd-collection-badge-color: hsla(0, 0%, 6.7%, 0.8);
+	--ytd-owner-badge-color: hsla(0, 0%, 6.7%, 0.4);
+	--ytd-simple-badge-color: hsla(0, 0%, 6.7%, 0.6);
+	--ytd-shopping-product-info: hsla(0, 0%, 6.7%, 0.8);
+	--ytd-transcript-cue-hover-background-color: #eeeeee;
+	--ytd-transcript-toolbar-background-color: #eeeeee;
+	--ytd-transcript-toolbar-text: #111111;
+	--ytd-vat-notice-text: hsla(0, 0%, 6.7%, 0.6);
+	--ytd-offer-background-color: hsla(0, 0%, 93.3%, 0.4);
+	--ytd-video-game-watch-card-logo-color: #111111;
+	--ytd-watch-split-pane-sidebar-background-color: #fafafa;
+
+
+    --yt-std-body-300: rgba(0, 0, 0, 0.54);
+	--yt-std-surface-200: #fafafa;
+	--yt-std-surface-300: whitesmoke;
+	--yt-std-surface-400: #ededed;
+	--yt-primary-color: #111111;
+	--yt-primary-text-color: #111111;
+	--yt-secondary-text-color: hsla(0, 0%, 6.7%, 0.8);
+	--yt-tertiary-text-color: hsla(0, 0%, 6.7%, 0.6);
+	--yt-placeholder-text-color: hsla(0, 0%, 6.7%, 0.6);
+	--yt-border-color: #eeeeee;
+	--yt-commentbox-border-inactive: #eeeeee;
+	--yt-commentbox-border-active: hsla(0, 0%, 6.7%, 0.6);
+	--yt-primary-disabled-button-text-color: white;
+	--yt-paper-button-ink-color: #888888;
+	--yt-icon-color: hsla(0, 0%, 6.7%, 0.4);
+	--yt-icon-hover-color: hsla(0, 0%, 6.7%, 0.8);
+	--yt-icon-disabled-color: hsla(0, 0%, 6.7%, 0.6);
+	--yt-icon-active-color: #111111;
+	--yt-placeholder-text: hsla(0, 0%, 6.7%, 0.6);
+	--yt-playlist-background-header: #eeeeee;
+	--yt-playlist-background-item: hsla(0, 0%, 93.3%, 0.6);
+	--yt-playlist-title-text: #111111;
+	--yt-playlist-message-text: hsla(0, 0%, 6.7%, 0.6);
+	--yt-playlist-message-text-hover: #111111;
+	--yt-button-active-color: #111111;
+	--yt-copyright-text: hsla(0, 0%, 6.7%, 0.6);
+	--yt-thumbnail-placeholder-color: #e3e3e3;
+	--yt-featured-channel-title-text-color: rgba(0, 0, 0, 0.54);
+	--yt-formatted-string-deemphasize-color: #888888;
+	--yt-searchbox-text-color: var(--yt-primary-text-color);
+	--yt-simple-menu-header-background: #eeeeee;
+	--yt-menu-hover-backgound-color: #eeeeee;
+	--yt-menu-focus-background-color: hsla(0, 0%, 6.7%, 0.2);
+	--yt-app-background: @gb-dm-bg0;
+	--yt-main-app-background-tmp: white;
+	--yt-guide-background: whitesmoke;
+	--yt-dialog-background: white;
+	--yt-searchbox-background: white;
+	--yt-channel-header-background: #fafafa;
+	--yt-transcript-background: white;
+}
--- a/manifest.json
+++ b/manifest.json
@ -0,0 +1,99 @@
+{
+	"manifest_version": 2,
+	"name": "Jonathans Overrides",
+	"version": "1.0",
+	"description": "Adds my style and script overides to sites",
+	"applications": {
+		"gecko": {
+			"id": "overides@jonathanh.co.uk"
+		}
+	},
+	"content_scripts": [
+		{
+			"matches": ["*://*.archlinux.org/*"],
+			"css": [ "css/archwiki.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://*.amazon.com/*","*://*.amazon.co.uk/*"],
+			"css": [ "css/amazon.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://*.bbc.com/*","*://*.bbc.co.uk/*"],
+			"css": [ "css/bbc.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://*.duckduckgo.com/*","*://*.duckduckgo.co.uk/*"],
+			"css": [ "css/duckduckgo.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://*.reddit.com/*"],
+			"css": [ "css/reddit.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://*.wikipedia.org/*"],
+			"css": [ "css/wikipedia.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://stackoverflow.com/*","*://*.stackoverflow.com/*"],
+			"css": [ "css/stackoverflow.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://youtube.com/*","*://*.youtube.com/*"],
+			"css": [ "css/youtube.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://wiki.local.irmplc.com/*"],
+			"css": [ "css/wiki.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://protonmail.com/*","*://*.protonmail.com/*"],
+			"css": [ "css/protonmail.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://github.com/*","*://*.github.com/*"],
+			"css": [ "css/github.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://gitlab.irmtechies.net/*"],
+			"css": [ "css/gitlab.css" ],
+			"run_at": "document_start"
+		},
+
+		{
+			"matches": ["*://*/*"],
+			"exclude_matches": ["*://*.archlinux.org/*",
+			"*://*.amazon.com/*","*://*.amazon.co.uk/*",
+			"*://*.bbc.com/*","*://*.bbc.co.uk/*",
+			"*://*.duckduckgo.com/*","*://*.duckduckgo.co.uk/*",
+			"*://*.reddit.com/*",
+			"*://*.wikipedia.org/*",
+			"*://stackoverflow.com/*","*://*.stackoverflow.com/*",
+			"*://youtube.com/*","*://*.youtube.com/*",
+			"*://wiki.local.irmplc.com/*",
+			"*://protonmail.com/*","*://*.protonmail.com/*",
+			"*://github.com/*","*://*.github.com/*",
+			"*://gitlab.irmtechies.net/*",
+			"*://lbry.tv/*", "*://*.lbry.tv/*",
+			"*://invidio.us/*", "*://*.invidio.us/*"
+			],
+			"css": [ "css/global.css" ],
+			"run_at": "document_start"
+		},
+		{
+			"matches": ["*://*/*"],
+			"js": [ "js/codemirror.js" ],
+			"run_at": "document_start"
+		}
+	]
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,17 @@
+{
+  "name": "browseroverrides",
+  "version": "1.0.0",
+  "description": "my browser overides",
+  "scripts": {
+    "compile": "mkdir css;for i in less/*.less; do base=${i%.*}; base=$(basename $base); lessc $i css/$base.css; done",
+    "lint": "web-ext lint",
+    "build": "web-ext build",
+    "sign": "web-ext sign"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "lessc": "^1.0.2",
+    "web-ext": "^4.1.0"
+  }
+}