Updated Roll20 Icon Radial Menu using the Stylus Chrome Extension

Updated Roll20 Icon Radial Menu using the Stylus Chrome Extension Designed for Roll20 Dark Mode Stylus URL used: <a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a> Old on the left, new on the right. #radial-menu .markermenu.open { &nbsp; &nbsp; width: 424px; &nbsp; &nbsp; height: 320px; &nbsp; &nbsp; border-radius: 5px; &nbsp; &nbsp; margin-top: 26px; &nbsp; &nbsp; margin-left: -12.5px; &nbsp; &nbsp; padding-left: 6px; } #radial-menu .markermenu.open .statusicon { &nbsp; &nbsp; font-size: 0px; &nbsp; &nbsp; margin-bottom: 15px; } #radial-menu .markermenu .markercolor.dead { &nbsp; &nbsp; font-weight: normal; &nbsp; &nbsp; height: 40px; &nbsp; &nbsp; margin-left: 0; &nbsp; &nbsp; padding: 0; &nbsp; &nbsp; top: 0px !important; &nbsp; &nbsp; width: 40px; } #radial-menu .markermenu.open .statusicon::after { &nbsp; &nbsp; color: white; &nbsp; &nbsp; content: attr(title); &nbsp; &nbsp; display: inline-block; &nbsp; &nbsp; background: #1c1c1c; &nbsp; &nbsp; font-size: 10px; &nbsp; &nbsp; line-height: 1.0em; &nbsp; &nbsp; overflow: hidden; &nbsp; &nbsp; position: relative; &nbsp; &nbsp; text-align: center; &nbsp; &nbsp; top: 46px; &nbsp; &nbsp; white-space: nowrap; &nbsp; &nbsp; width: 40px; &nbsp; &nbsp; /*font-variant: small-caps; &nbsp; &nbsp; letter-spacing: 0.05rem;*/ } #radial-menu .markermenu .markercolor.dead::before { &nbsp; &nbsp; content: "X"; &nbsp; &nbsp; display: block; &nbsp; &nbsp; font-size: 54px; &nbsp; &nbsp; font-weight: bold; &nbsp; &nbsp; position: absolute; &nbsp; &nbsp; text-align: center; &nbsp; &nbsp; top: 11px; &nbsp; &nbsp; width: 100%; } #radial-menu .markermenu .markericon { &nbsp; &nbsp; border: 4px solid #1c1c1c; &nbsp; &nbsp; width: 40px; &nbsp; &nbsp; height: 40px; &nbsp; &nbsp; position: relative; &nbsp; &nbsp; background-size: 40px; &nbsp; &nbsp; margin-left: 2px; } #radial-menu .markermenu .markercolor { &nbsp; &nbsp; border: 4px solid #1c1c1c; &nbsp; &nbsp; width: 40px; &nbsp; &nbsp; height: 40px; &nbsp; &nbsp; border-radius: 30px; &nbsp; &nbsp; text-transform: capitalize; &nbsp; &nbsp; /*font-variant: small-caps; &nbsp; &nbsp; letter-spacing: 0.05rem;*/ } #tokenMarkerSearch { &nbsp; &nbsp; margin-top: 15px; &nbsp; &nbsp; margin-left: 58px; &nbsp; &nbsp; width: 55%; &nbsp; &nbsp; height: 70%; } #tokenMarkerClear { &nbsp; &nbsp; margin-top: 10px; &nbsp; &nbsp; width: 22%; &nbsp; &nbsp; height: 5px; &nbsp; &nbsp; line-height: 1rem; &nbsp; &nbsp; margin-right: 15px; &nbsp; &nbsp; margin-left: auto; }

Nice style Only wishing that Stylus styles could convey and show to the other Players without them having to each install it