Browse Source

Created new repo for browser overides

master
Jonathan Hodgson 2 years ago
commit
385dad7a00
  1. 3
      .gitignore
  2. 27
      js/codemirror.js
  3. 183
      less/amazon.less
  4. 138
      less/archwiki.less
  5. 116
      less/bbc.less
  6. 32
      less/codemirror.less
  7. 317
      less/default.less
  8. 196
      less/duckduckgo.less
  9. 260
      less/github.less
  10. 100
      less/gitlab.less
  11. 351
      less/global.less
  12. 139
      less/gruvbox-colours.less
  13. 94
      less/protonmail.less
  14. 340
      less/reddit.less
  15. 147
      less/slack.less
  16. 64
      less/stackoverflow.less
  17. 282
      less/stylish.less
  18. 87
      less/wiki.less
  19. 104
      less/wikipedia.less
  20. 143
      less/youtube.less
  21. 99
      manifest.json
  22. 7487
      package-lock.json
  23. 17
      package.json

3
.gitignore

@ -0,0 +1,3 @@
web-ext-artifacts
css
node_modules

27
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();

183
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;
}

138
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;
}

116
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;
}
}

32
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; }

317
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;
}

196
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;
}
}

260
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;
}

100
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;
}
}

351
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;
//}

139
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;
}

94
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;
}

340
less/reddit.less

@ -0,0 +1,340 @@
@import "gruvbox-colours.less";
:root{
--post-line-color: @gb-dm-fg4 !important;