Custom5iler

Adds several customization options to 5iler.
As of 2022-02-10. See the latest version.
Visit the author's site for support, ask a question, post a review, or report the script.
Wrap lines
/* ==UserStyle==
@name            Custom5iler
@namespace       https://github.com/TheLastZombie/
@version         1.0.0
@description     Adds several customization options to 5iler.
@homepageURL     https://thelastzombie.github.io/userstyles/
@supportURL      https://github.com/TheLastZombie/userstyles/issues/new?labels=Custom5iler
@contributionURL https://ko-fi.com/rcrsch
@author          TheLastZombie <[email protected]>
@icon            https://raw.githubusercontent.com/TheLastZombie/userstyles/master/icons/Custom5iler.png
@copyright       2022, TheLastZombie (https://github.com/TheLastZombie/)
@license         MIT; https://github.com/TheLastZombie/userstyles/blob/master/LICENSE
@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;
  }
}