Custom5iler by thelastzombie

/* ==UserStyle==
@name               Custom5iler
@namespace          sun/userstyles
@version            1.0.11
@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
@downloadURL        https://forgejo.sny.sh/sun/userstyles/raw/branch/main/user/Custom5iler.user.css
@installURL         https://forgejo.sny.sh/sun/userstyles/raw/branch/main/user/Custom5iler.user.css
@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            Hippocratic License; 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;
  }
}