Jonathan Hodgson
5 years ago
commit
385dad7a00
23 changed files with 10726 additions and 0 deletions
@ -0,0 +1,3 @@ |
|||||||
|
web-ext-artifacts |
||||||
|
css |
||||||
|
node_modules |
||||||
@ -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(); |
||||||
@ -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; |
||||||
|
} |
||||||
@ -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; |
||||||
|
} |
||||||
|
|
||||||
@ -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; |
||||||
|
} |
||||||
|
} |
||||||
@ -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; } |
||||||
|
|
||||||
@ -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,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; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
@ -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; |
||||||
|
} |
||||||
|
} |
||||||
@ -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; |
||||||
|
//} |
||||||
@ -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,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; |
||||||
|
} |
||||||
@ -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,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; |
||||||
|
} |
||||||
@ -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,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; |
||||||
|
} |
||||||
@ -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; |
||||||
|
} |
||||||
|
} |
||||||
@ -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; |
||||||
|
} |
||||||
@ -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" |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
File diff suppressed because it is too large
Load Diff
@ -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" |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue