Last active
January 20, 2026 14:14
-
-
Save WillPresley/fb0e0ac709307de07a0e7487c47d5ec8 to your computer and use it in GitHub Desktop.
Stylus - Virtana-Zenoss Style Tweaks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ==UserStyle== | |
| @name Virtana-Zenoss Style Tweaks [willpresley] | |
| @version 1.0.0 | |
| @author WillPresley | |
| ==/UserStyle== */ | |
| @-moz-document url-prefix("https://ohioit.zenoss.io/cz0/zport/dmd/Events/"), url-prefix("https://ohioit.virtana.ai/cz0/zport/dmd/Events/") { | |
| /* ============================================================ | |
| Dark-theme header logo override | |
| ------------------------------------------------------------ | |
| Targets the header logo elements when the site is using the | |
| `.z-cse-dark` theme, and replaces the default logo with a | |
| custom inline SVG (Base64-encoded). | |
| ============================================================ */ | |
| .z-cse.z-cse-dark #header .bg .bg-logo, | |
| .z-cse.z-cse-dark #header div.logo { | |
| /* Replace the existing logo with an embedded SVG image */ | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zNi44NjUgNS41MDd2MTguMDE5aC0zLjg2NFY3LjE5NGgtMi4zMjZWNS41MDdoNi4xOXptOS43OTktLjAwMnYzLjg0NmMuODYtMi43NzcgMi44OTgtNC4zMTMgNS4zMy00LjMxM2E3LjIyNyA3LjIyNyAwIDAxMy45MDMgMS4yNUw1NC4xMSA5LjUzMmE0LjM2NyA0LjM2NyAwIDAwLTMuMDc5LTEuMTc2Yy0yLjU3OCAwLTQuMjU5IDIuMTAyLTQuMjU5IDYuMjMydjcuMjUxaDIuNjg2djEuNjg4aC02LjU2MlY3LjE5NEg0MC41NFY1LjUwN2g2LjEyNHYtLjAwMnptMTEuNTMyIDBoMi41MDZWMi4wNTFoMy44NjN2My40NTRoNC40NzR2MS42ODhoLTQuNDc0djExLjg0NGMwIDEuNjAxLjYwOSAyLjMxNCAyLjMyNiAyLjMxNGExMi41MiAxMi41MiAwIDAwMy4wMTUtLjQyNnYyLjQ1NmExOS4wMTIgMTkuMDEyIDAgMDEtNC4xMTYuNTM1Yy0zLjQzNSAwLTUuMDg4LTEuNDYxLTUuMDg4LTQuNTIzVjcuMTk0aC0yLjUwNlY1LjUwNXptMjEuNjg3IDYuODA1aDQuNzI0di0yLjEwM2MwLTEuNjM4LS43ODctMy4wMTMtMi4zOTctMy4wMTNoLTUuMTlWOS4xOWgtMi43NTdWNS41MDdoOS4yYzMuMzY1IDAgNC45MzggMS45NTcgNC45MzggNC41MjJ2MTMuNWgtMy40N3YtMi45NDdjLS45NjcgMi4yNS0zLjQzNiAzLjQxOC01LjggMy40MTgtNC4xODggMC02LjY1Ni0yLjA2My02LjY1Ni01LjYyNSAwLTMuOTE5IDIuOTctNi4wNTQgNy40MDctNi4wNTRsLjAwMi0uMDEyem0tMy40MzUgNS44MzRjMCAyLjEwMiAxLjIxNyAzLjM1IDMuNjE2IDMuMzUgMi43MjEgMCA0LjU0NS0xLjU2NyA0LjU0NS00LjI3NHYtMi43NzNoLTMuMjkyYy0zLjAwNyAwLTQuODY5IDEuMDcyLTQuODY5IDMuNjk3ek05MS44MDIgNS41NTZoMy43OTNWOS4wOGMxLjI1My0yLjQ1NyAzLjcyMy0zLjk1NSA2Ljc2NS0zLjk1NSAzLjU4IDAgNS41ODMgMS45OTUgNS41ODMgNi4yN3YxMC40NDJoMi4xODR2MS42ODhoLTYuMDQ5VjEyLjA3M2MwLTIuNjM2LTEuMDAyLTQuMTI1LTMuNDcxLTQuMTI1LTMuMDc5IDAtNC45IDIuMjA3LTQuOSA1Ljc3djkuODA4aC0zLjkwNVY1LjU1NnptMjcuNjc5IDYuNzU0aDQuNzI0di0yLjEwM2MwLTEuNjM4LS43ODgtMy4wMTMtMi4zOTctMy4wMTNoLTUuMTkxVjkuMTloLTIuNzU1VjUuNTA3aDkuMTk5YzMuMzY2IDAgNC45MzkgMS45NTcgNC45MzkgNC41MjJ2MTMuNWgtMy40NzF2LTIuOTQ3Yy0uOTY3IDIuMjUtMy40MzUgMy40MTgtNS44IDMuNDE4LTQuMTg3IDAtNi42NTYtMi4wNjMtNi42NTYtNS42MjUgMC0zLjkzIDIuOTctNi4wNjYgNy40MDgtNi4wNjZ6bS0zLjQzNSA1LjgzNGMwIDIuMTAyIDEuMjE3IDMuMzUgMy42MTYgMy4zNSAyLjcyMSAwIDQuNTQ1LTEuNTY3IDQuNTQ1LTQuMjc0di0yLjc3M2gtMy4zYy0zIDAtNC44NjEgMS4wNzItNC44NjEgMy42OTd6TTM3LjMzNiAxLjY4OEwzNi43MTYgMEgzNC4xM2wtMS4yNTggMy40N2gzLjgyNWwuNjQtMS43ODN6bS05LjQ5MSA1LjUwNmwtNS45NzMgMTYuMzMyaC01LjA4OGwtNi41OTUtMTguMDJoNS4wODdMMjAuNTQxIDE5LjloLjExOWw0LjQwNi0xMi4wNjctLjIzLS42M2gtMy4zOTJsLS42MTgtMS42ODhoNi40MDdsLjYxMiAxLjY4eiIgZmlsbD0iIzAzMUM2MCIvPjxwYXRoIGQ9Ik0xNC4yMyAyMy41MjZoLTIuNTQ1TDUuMDkzIDUuNTA2aDIuNTQ4bDYuNTkgMTguMDJ6IiBmaWxsPSIjMDA3M0REIi8+PHBhdGggZD0iTTkuMTM3IDIzLjUyNkg2LjU5MUwwIDUuNTA2aDIuNTQ4bDYuNTkgMTguMDJ6IiBmaWxsPSIjQzQxNDlCIi8+PC9zdmc+"); | |
| /* Force the logo to render as light-colored on dark backgrounds */ | |
| filter: brightness(0) invert(1); | |
| /* Explicit sizing to prevent layout shifts */ | |
| width: 130px; | |
| height: 24px; | |
| /* Space the logo away from surrounding header elements */ | |
| margin: 0 32px 10px 10px; | |
| /* Anchor the SVG to the top-left of the element */ | |
| background-position: 0 0; | |
| } | |
| /* ============================================================ | |
| Status icon color correction | |
| ------------------------------------------------------------ | |
| Ensures small "acknowledged" status icons remain visible | |
| on dark backgrounds by inverting their colors. | |
| ============================================================ */ | |
| .status-icon-small-acknowledged { | |
| /* Convert dark icons to light for contrast */ | |
| filter: brightness(0) invert(1); | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment