Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Difference between revisions of "Stylus"

From Roll20 Wiki

Jump to: navigation, search
m
m
Line 1: Line 1:
<noinclude>{{revdate}}{{main|Browser}}</noinclude>'''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 [[CS|character sheets]], or how things look in the {{Text Chat}}.
+
<noinclude>{{revdate}}{{main|Browser}}</noinclude>'''Stylus''' is a browser 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 [[CS|character sheets]], or how things look in the {{Text Chat}}.
  
* Install: [https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en Chrome] | [https://addons.mozilla.org/en-US/firefox/addon/styl-us/ Firefox] | [https://cascadea.app/ Cascadea(Safari-alternative)]  
+
* Install Plugin: [https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en Chrome] | [https://addons.mozilla.org/en-US/firefox/addon/styl-us/ Firefox] | [https://cascadea.app/ Cascadea(Safari-alternative)]  
 
* Latest megathread '''{{fpl|10802054/ Latest Show off Your Style 4: A New Hope}}''' April 2022
 
* Latest megathread '''{{fpl|10802054/ Latest Show off Your Style 4: A New Hope}}''' April 2022
 
* Check  '''{{fpl|9784281/ Show off Your Style 3: Third Time is the Charm}}''' for more info and good tricks others have created. The first post has a massive index of snippets to use
 
* Check  '''{{fpl|9784281/ Show off Your Style 3: Third Time is the Charm}}''' for more info and good tricks others have created. The first post has a massive index of snippets to use

Revision as of 06:23, 25 August 2023

Main Page: Browser

Stylus is a browser 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.

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

Contents


Stylus Snippets

Dark Mode

Dark Mode options:


Display filesize/dimensions in Art Library

(by Keith)

Fix for P Art Library

#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;
}

5E Sheet Dark Mode Red to purple

by keith

Stylus can use the CSS variable names. This code will change all D&D 5E by Roll20
Character   Sheet
red to purple, when you have Dark Mode on:
.sheet-darkmode .npc .display .red span {
    color: var(--dark-primary);
}