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.
 
 

87 lines
1.6 KiB

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