Add browser overides

Jonathan Hodgson 5 years ago
parent b6a09a9d6e
commit 2c617a5b49
  1. 3
      NOSTOW/firefoxExtentions/browseroverrides/.gitignore
  2. 5101
      NOSTOW/firefoxExtentions/browseroverrides/less/amazon.less
  3. 53
      NOSTOW/firefoxExtentions/browseroverrides/less/archwiki.less
  4. 317
      NOSTOW/firefoxExtentions/browseroverrides/less/default.less
  5. 196
      NOSTOW/firefoxExtentions/browseroverrides/less/duckduckgo.less
  6. 3
      NOSTOW/firefoxExtentions/browseroverrides/less/github.less
  7. 139
      NOSTOW/firefoxExtentions/browseroverrides/less/gruvbox-colours.less
  8. 340
      NOSTOW/firefoxExtentions/browseroverrides/less/reddit.less
  9. 147
      NOSTOW/firefoxExtentions/browseroverrides/less/slack.less
  10. 282
      NOSTOW/firefoxExtentions/browseroverrides/less/stylish.less
  11. 29
      NOSTOW/firefoxExtentions/browseroverrides/manifest.json
  12. 7344
      NOSTOW/firefoxExtentions/browseroverrides/package-lock.json
  13. 16
      NOSTOW/firefoxExtentions/browseroverrides/package.json

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

File diff suppressed because one or more lines are too long

@ -0,0 +1,53 @@
@import "gruvbox-colours.less";
body{
font-family: opendyslexic !important;
background-color: @gb-dm-bg0 !important;
color: @gb-dm-fg0 !important;
}
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;
}
#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;
}

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

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

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

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

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

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

@ -0,0 +1,29 @@
{
"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": ["*://wiki.archlinux.org/*"],
"css": [ "css/archwiki.css" ]
},
{
"matches": ["*://*.amazon.com/*","*://*.amazon.co.uk/*"],
"css": [ "css/amazon.css" ]
},
{
"matches": ["*://*.duckduckgo.com/*","*://*.duckduckgo.co.uk/*"],
"css": [ "css/duckduckgo.css" ]
},
{
"matches": ["*://*.reddit.com/*"],
"css": [ "css/reddit.css" ]
}
]
}

File diff suppressed because it is too large Load Diff

@ -0,0 +1,16 @@
{
"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": {
"web-ext": "^4.0.0"
}
}
Loading…
Cancel
Save