Revision as of 11:30, 9 January 2022

Page Updated:   2022-01-09

Stylus is a plugin that can change how webpages look, and many roll20 users have created their own tricks and minor adjustments to Roll20 for personal use. Things like changing how certain tools look in Roll20, making a Dark Mode, adjusting looks on character sheets, or how things look in the q Text Chat.

• Install: Chrome | Firefox | Cascadea(Safari-alternative)
• Check Show off Your Style 3: Third Time is the Charm^(Forum) for more info and good tricks others have created. The first post has a massive index of snippets to use
  • Hidden Rolls - trick relies on Stylus to work
  • Play In-Person, Hide UI
  • Show Off Your Style 2: The Stylening!^(Forum)
  • Show Off Your Style^(Forum)
• userstyles.org - search for styles people have shared online for any sites.
  • Userstyles by #Keith Curtis made by Keith

Note: there is a similarly named extension "Stylish", but it's stealing your browser history "Stylish" is back, and you still shouldn't use it

Stylus Snippets

Display filesize/dimensions in P Art Library (by Keith)

#marketplaceresults li::after,
#recentuploads li::after{
    background-color: white;
    content: attr(data-grid-width)"x"attr(data-grid-height);
    display: inline-block;
    font-size: 1em;
    padding-left: 30px;
    position: absolute;
    right: 0;
}