Adds some more browser styles
This commit is contained in:
parent
df7df147c6
commit
a07678ca1a
4 changed files with 414 additions and 0 deletions
|
@ -1,3 +1,241 @@
|
||||||
@import "gruvbox-colours.less";
|
@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/*"],
|
"matches": ["*://*.reddit.com/*"],
|
||||||
"css": [ "css/reddit.css" ]
|
"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