Hi there. I'm working on a wood/sepia custom skin using Stylus. Seen some cool threads on here that inspired me to hack at my own. I got some cool results by simplifying and modifying some dark themes on Stylish Roll20 examples. There's just two very specific things I can't seem to figure out. 1. When I hover over a selected tab in a character sheet, I can't find the element, class, id, etc. that will allow me to change the color on hover. Right now it's white with white text which is pretty jarring. 2. I was able to change the bottom right 'As' label to white, but that changes all 'label's to white. Is there a way to target that one specifically? I'm newer to CSS, etc., and have found a lot of help on these forums so far. Thanks for any help! Can also show off my progress I suppose. Heres the CSS and some screenshots: (also apologies if there's a better way to share or embed this. If someone knows I'd be happy to use a cleaner method for sharing code) /* GLOBAL */ textarea, .btn { border-color: #ddd3bb !important; border-radius: 6; } select .btn { cursor: pointer; } .hover > a { background-color: #4f4f4f!important; } .active > a { background-color: #e1e1e1!important; } .ui-dialog-titlebar-close { background-color: #dbdbdb!important; } /* BODY */ body { background-image: url(' <a href="https://images.freecreatives.com/wp-content/uploads/2016/02/Light-Parchment-Texture.jpg" rel="nofollow">https://images.freecreatives.com/wp-content/uploads/2016/02/Light-Parchment-Texture.jpg</a> '); } @-webkit-keyframes rainbow { from { -webkit-filter: hue-rotate(10deg); filter: hue-rotate(10deg); } to { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); } } .sheet-rolltemplate-default caption { background-image: url( <a href="https://images.freecreatives.com/wp-content/uploads/2016/02/Old-Wood-Vector-Background.jpg" rel="nofollow">https://images.freecreatives.com/wp-content/uploads/2016/02/Old-Wood-Vector-Background.jpg</a> ); /*background-color: #237e86!important;*/ font-weight: 800; font-size: 130%; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000; text-shadow: 0px 1px 2px white; } /* MENUS */ #sidebarcontrol { padding: 6px !important; text-align: center !important; border: none !important; font-size: 12px !important; background-color: #e5e2c1 !important; top: 10px !important; margin-right: 25px; transform: none; opacity: .8; } #sidebarcontrol .fonticon-menu { color: #aaa !important; } .ui-slider-handle { background-color: #e5e2c1!important; background-image: none!important; } .ui-tabs-panel { background-image: url( <a href="https://images.freecreatives.com/wp-content/uploads/2016/02/Light-Parchment-Texture.jpg)!important" rel="nofollow">https://images.freecreatives.com/wp-content/uploads/2016/02/Light-Parchment-Texture.jpg)!important</a> ; } .ui-widget-content { /*background-color: #e3debd!important;*/ /* background-image: url( <a href="https://images.freecreatives.com/wp-content/uploads/2016/02/Light-Parchment-Texture.jpg" rel="nofollow">https://images.freecreatives.com/wp-content/uploads/2016/02/Light-Parchment-Texture.jpg</a> ); */ background-image: url( <a href="https://images.freecreatives.com/wp-content/uploads/2016/02/Old-Wood-Vector-Background.jpg" rel="nofollow">https://images.freecreatives.com/wp-content/uploads/2016/02/Old-Wood-Vector-Background.jpg</a> ); /*color: #f00!important;*/ } .ui-dialog { border-radius: 0; border: none; } .ui-dialog-titlebar { border-radius: 0; border: none; border-bottom: 1px solid #424242 !important; } .ui-dialog-title { color: white!important; -webkit-text-stroke-width: .5px; -webkit-text-stroke-color: #000; text-shadow: 0px 0px 2px gray; } .ui-dialog .content { color: #f2efcb; } .textchatcontainer .rolled { border-radius: 0 !important; width: 40px !important; height: 40px !important; } #textchat-input { background-image: url( <a href="https://images.freecreatives.com/wp-content/uploads/2016/02/Old-Wood-Vector-Background.jpg" rel="nofollow">https://images.freecreatives.com/wp-content/uploads/2016/02/Old-Wood-Vector-Background.jpg</a> ); background-color: #b5afa4 !important; border-top: none; padding-top: 10px; } #textchat-input .ui-autocomplete-input { background-color: #e8ddcd !important; border: none; border-radius: 0; } #textchat-input .btn, #textchat-input .chosen { background-image: none; background-color: #444 !important; border-radius: 0; border: none; color: #dfdcd1!important; } label { color: white; } #textchat .formula { background-color: transparent!important; border: none!important; } #textchat .message { background-color: #d2d2d2; } #textchat .message.general.you, #textchat .message.rollresult.you { background-color: #ddd7c9 !important; } #textchat .message.desc { background-color: #ccc!important; color: #111!important; } #textchat .message.error { background-color: rgba(255, 0, 0, 0.64)!important; } #textchat .message.private { background-color: rgba(255, 92, 1, 0.33)!important; } #textchat .message .spacer { background-color: #444; margin-top: 10px; margin-bottom: 10px; } #textchat .message.you .spacer { background-color: #005f82; } .playerdots { background-color: rgba(255, 255, 255, 0)!important; }