Example CSS for default or copy/paste intro text

[LeeteqXV]

I am happily using the following custom CSS with this addon, giving nice coloring, contrasts, highighting of the current/active tab, and spacing. I think that something like this could be included in the addon as either a default suggestion, or in the text explanation above that CSS field for people to easily copy/paste into that field.

/** :root { --padding: 0.45em; } body { font-size: 0.9em; } Ref..: https://github.com/maciekmm/container-tabs-sidebar/blob/master/src/sidebar/style.css **/ body { background: maroon; } .tab-active { background: maroon !important; } .container-tab { background: green; margin-left: 15px; font-weight: bold; } .container { padding-right: 20px !important; font-weight: bold; color: black !important); } .container-tab-close, .container-tab-close:hover { position: absolute; background: #333; border-radius: 20px; padding: 2px; left: 2px; top: 50%; transform: translateY(-50%); }