/* public/custom.css * * Theme-responsive Meridia Mastermind logo. * * The composite SVG (public/meridia-mastermind.svg) is solid black — * perfect for the light theme. On dark theme, invert it via CSS filter so * the logo and "Mastermind" wordmark both render white. * * Chainlit toggles its theme by setting `class="dark"` on . We hedge * against an alternative `[data-theme="dark"]` attribute, and fall back to * the OS-level `prefers-color-scheme: dark` for users on system theme. */ /* Match Chainlit's logo and avatar img elements regardless of how they're * referenced. The src filter is the most robust signal. */ html.dark img[src*="meridia-mastermind"], html[data-theme="dark"] img[src*="meridia-mastermind"], :where(.dark) img[src*="meridia-mastermind"] { filter: invert(1) brightness(2); } @media (prefers-color-scheme: dark) { html:not(.light):not([data-theme="light"]) img[src*="meridia-mastermind"] { filter: invert(1) brightness(2); } }