Adds some more browser styles

Jonathan Hodgson 4 years ago
parent df7df147c6
commit a07678ca1a
  1. 238
      NOSTOW/firefoxExtentions/browseroverrides/less/github.less
  2. 60
      NOSTOW/firefoxExtentions/browseroverrides/less/stackoverflow.less
  3. 104
      NOSTOW/firefoxExtentions/browseroverrides/less/wikipedia.less
  4. 12
      NOSTOW/firefoxExtentions/browseroverrides/manifest.json

@ -1,3 +1,241 @@
@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{
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;
}
}
.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';
}
/*
* 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-color: @gb-dm-bg0-hard;
}
/*
* 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;
}
}

@ -0,0 +1,60 @@
@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);
}
}

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

@ -24,6 +24,18 @@
{
"matches": ["*://*.reddit.com/*"],
"css": [ "css/reddit.css" ]
},
{
"matches": ["*://*.wikipedia.org/*"],
"css": [ "css/wikipedia.css" ]
},
{
"matches": ["*://stackoverflow.com/*","*://*.stackoverflow.com/*"],
"css": [ "css/stackoverflow.css" ]
},
{
"matches": ["*://github.com/*","*://*.github.com/*"],
"css": [ "css/github.css" ]
}
]
}

Loading…
Cancel
Save