Adds some more browser styles
This commit is contained in:
Jonathan Hodgson
parent
df7df147c6
commit
a07678ca1a
4 changed files with 414 additions and 0 deletions
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
104
NOSTOW/firefoxExtentions/browseroverrides/less/wikipedia.less
Normal file
104
NOSTOW/firefoxExtentions/browseroverrides/less/wikipedia.less
Normal file
|
|
@ -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…
Add table
Add a link
Reference in a new issue