Custom5iler

Adds several customization options to 5iler.

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

You will need to install an extension such as Tampermonkey to install this script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

/* ==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
@author             Sunny <[email protected]>
@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;
  }
}