GUI show persistent notification to DM of which layer is currently active

As a DM I would really like to see a persistent notification of which layer is currently in use, and each with a different colour so that in the corner of your eye you can see; (GREEN) thats the Map & Background layer and (RED) Objects & Tokens layer is active... (BLUE) GM Info Overlay (YELLOW) Dynamic Lighting It could be to the right of the character's avatars... or attached to the toolbar... Map & Background Objects & Tokens GM Info Overlay Dynamic Lighting

Oh this would definitely be a good idea.

The icons already switch accordingly. Colorcode would make it more visible - which could help. But for some this could be distractingly visible. So maybe as an option?

As a workaround and a sample: In the chrome web store: I installed this extension offered by: tenRabbits "User JavaScript and CSS" <a href="https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld?hl=en" rel="nofollow">https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld?hl=en</a> There also appears to be an oversight of not using a Pictos font item for the gmlayer icon, but rather using a .png. Maybe didn't want it to conflict with the reveal set of selections. This was the CSS that I added for only app.roll20.net /* Ver 1.1 added hover differences for all levels */ /* BEGIN Doubles the size of the floatingtoolbar. Which is great on a 4k monitor */ div#floatingtoolbar, div#floatingtoolbar ul { width: 60px; } div#floatingtoolbar li { padding: 8px; line-height: 42px; font-size: 42px; } div#floatingtoolbar ul div.submenu li { padding: 4px; line-height: 42px; font-size: 21px; } div#floatingtoolbar div.submenu { margin-left: 21px; /* this is in addition to 30px that is already added in the roll20 css */ top: -11px; } div#floatingtoolbar div.submenu ul.selZoom { width: 100px; } div#floatingtoolbar div.submenu ul.selZoom li { padding:10px; text-align: right; } div#floatingtoolbar div.submenu ul { background-color: #e0e0e0; &nbsp; &nbsp; border-radius: 0px; &nbsp; &nbsp; padding: 0px; &nbsp; &nbsp; width: 270px; &nbsp; &nbsp; border: 0px solid #999; &nbsp; &nbsp; box-shadow: 5px 5px 10px #202020; } /* END Doubles the size of the floatingtoolbar. Which is great on a 4k monitor */ /* BEGIN Changes Colours for the LAYERS part of the floatingtoolbar */ /* greenish */ div#floatingtoolbar li.map#editinglayer, #floatingtoolbar div.submenu li.choosemap, #floatingtoolbar li.map div.submenu li.choosemap { background-color: #22ab24; color: #555555; } /* hover */#floatingtoolbar li div.submenu li.choosemap:hover&nbsp; {color: #000000; } /* reddish */ div#floatingtoolbar li.objects#editinglayer, #floatingtoolbar div.submenu li.chooseobjects, #floatingtoolbar li.objects div.submenu li.chooseobjects { background-color: #fb2335; color: #555555; } /* hover */#floatingtoolbar li div.submenu li.chooseobjects:hover&nbsp; {color: #000000; } /* blueish */ div#floatingtoolbar li.gmlayer#editinglayer, #floatingtoolbar div.submenu li.choosegmlayer, #floatingtoolbar li.gmlayer div.submenu li.choosegmlayer { background-color: #1133ea; color: #D0D0D0; } /* hover */#floatingtoolbar li div.submenu li.choosegmlayer:hover&nbsp; {color: #FFFFFF; } /* yellowish */ div#floatingtoolbar li.walls#editinglayer, #floatingtoolbar div.submenu li.choosewalls, #floatingtoolbar li.walls div.submenu li.choosewalls { background-color: #fdd835; color: #555555; } /* hover */#floatingtoolbar li div.submenu li.choosewalls:hover&nbsp; {color: #000000; } /* adds white BG to grey image icon used on the gmlayer. Why this isn't a font? */ #floatingtoolbar .gmlayer#editinglayer #editing_layer_icon { &nbsp; -webkit-filter: drop-shadow(2px&nbsp; &nbsp;2px 0 white)&nbsp; drop-shadow(2px&nbsp; -2px 0 white)&nbsp; drop-shadow(-2px&nbsp; 2px 0 white)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; drop-shadow(-2px -2px 0 white); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; filter: drop-shadow(2px&nbsp; &nbsp;2px 0 white)&nbsp; &nbsp; drop-shadow(2px&nbsp; -2px 0 white)&nbsp; &nbsp; drop-shadow(-2px&nbsp; 2px 0 white)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; drop-shadow(-2px -2px 0 white); } /* adds white BG to grey image in submenu icon used on the gmlayer. Why this isn't a font? */ #floatingtoolbar li div.submenu li.choosegmlayer img { margin: 0 5px 0 10px; /* this might be too much space for normal sized icons */ &nbsp; -webkit-filter: drop-shadow(2px&nbsp; &nbsp;2px 0 white)&nbsp; drop-shadow(2px&nbsp; -2px 0 white)&nbsp; drop-shadow(-2px&nbsp; 2px 0 white)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; drop-shadow(-2px -2px 0 white); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; filter: drop-shadow(2px&nbsp; &nbsp;2px 0 white)&nbsp; &nbsp; drop-shadow(2px&nbsp; -2px 0 white)&nbsp; &nbsp; drop-shadow(-2px&nbsp; 2px 0 white)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; drop-shadow(-2px -2px 0 white); } /* END Changes Colours for the LAYERS part of the floatingtoolbar */ /* font size inside of journal boxes unable to resize fixxxed size */ body .ui-widget div.content.note-editor { font-size: 130%; } /* content bg */ .ui-widget div.dialog.ui-dialog-content.ui-widget-content { background-color: #c0cac0; } /* border bg */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable { background-color: #9eb5a0; }

Thanks for the suggestion! After 30 days, Suggestions and Ideas with fewer than 10 votes are closed and the votes are refunded to promote freshness. Your suggestion didn't build the right momentum this time, but feel free to submit it again! We find that the best suggestions describe the problem you are having, and the solution you want. You can learn more about the process of making suggestions on the Roll20 Wiki! More details can be found here .