Adds several customization options to 5iler.
/* ==UserStyle==
@name Custom5iler
@namespace sun/userstyles
@version 1.0.10
@description Adds several customization options to 5iler.
@compatible chrome
@compatible edge
@compatible firefox
@compatible opera
@compatible safari
@homepageURL https://forgejo.sny.sh/sun/userstyles
@supportURL https://forgejo.sny.sh/sun/userstyles/issues
@contributionURL https://liberapay.com/sun
@contributionAmount €1.00
@author Sunny <sunny@sny.sh>
@icon https://forgejo.sny.sh/sun/userstyles/raw/branch/main/icons/Custom5iler.png
@copyright 2022-present, Sunny (https://sny.sh/)
@license For Good Eyes Only; https://forgejo.sny.sh/sun/userstyles/src/branch/main/LICENSE.md
@preprocessor stylus
@var color onebg "Ideas background" #55636e
@var color twobg "Random background" #bd9d08
@var color threebg "Today background" #419583
@var color fourbg "Learn background" #c1575f
@var color fivebg "Private background" #573850
@var text fftitle "Label font" Avenir Book
@var text fftext "Content font" Avenir Book
@var text ffbuttons "Button font" Avenir Book
@var color labelfg "Label color" #ffffff
@var color contentfg "Content color" #ffffff
@var color menufg "Menu color" #ffffff
@var color menubg "Menu background" #333333
@var color activefg "Active color" #1abf89
@var color activebg "Active background" #13090a
@var color buttonsfg "Button color" #ffffff
@var color buttonsbg "Button background" #000000
@var checkbox align "Continuous alignment" 0
@var select scrollbars "Show scrollbars" {"Always*": "scroll", "Sometimes": "auto", "Never": "hidden"}
==/UserStyle== */
@-moz-document domain("5iler.com") {
if align {
.file {
vertical-align: top;
}
}
.file .label {
color: labelfg;
}
.file .content {
color: contentfg;
font-family: fftext;
overflow-y: scrollbars;
}
.label {
font-family: fftitle !important;
}
.file.one {
background: onebg;
}
.file.two {
background: twobg;
}
.file.three {
background: threebg;
}
.file.four {
background: fourbg;
}
.file.five {
background: fivebg;
}
.pen-menu {
background-image: none;
background: menubg;
border: none;
}
.pen-menu:after {
border-top-color: menubg;
}
.pen-icon {
color: menufg;
height: 26px;
}
.pen-icon:hover {
background: activebg;
}
.pen-icon.active {
box-shadow: none;
background: activebg;
color: activefg;
}
#menu a {
font-family: ffbuttons;
background: buttonsbg;
color: buttonsfg;
}
.keyboard {
font-family: ffbuttons;
}
}