Custom5iler

Adds several customization options to 5iler.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

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

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

/* ==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;
  }
}