A selection of scripts and stylesheets I use to override some websites look. Packaged in a very simple Firefox extension.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

260 lines
3.8 KiB

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