@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"); .mbsrounded { border-radius: 10px; display: block; margin-left: auto; margin-right: auto; } h1 { margin-top: 15px; } .rubric { padding: 10px 0; margin-top: 15px; margin-bottom: 5px; } /* ========================================================================= Circuitry background on doc pages. circuitry_background_script.js (loaded via html_js_files) auto-creates #circuitCanvas; these rules position it behind content and define the green circuit color vars the script reads (the theme doesn't load mbs_docs.css where they normally live). The content surface is made translucent glass so the animated board shows through. ========================================================================= */ /* Light theme (default — sphinxawesome adds .dark on for dark mode). */ :root { --circuit-color-base: hsla(143, 52%, 43%, 0.10); --circuit-color-pulse: hsla(143, 52%, 43%, 0.6); --circuit-color-grid: hsla(128, 52%, 43%, 0.015); --circuit-color-cpu-glow: hsla(108, 52%, 43%, 0.12); --circuit-color-trail: hsla(143, 52%, 43%, 0.4); --circuit-color-led: hsla(143, 52%, 43%, 0.8); --background-color: #f5f7fa; --circuit-canvas-bg: #f5f7fa; --doc-glass: rgba(255, 255, 255, 0.82); } /* Dark theme overrides. */ html.dark, [data-theme="dark"] { --circuit-color-base: hsla(143, 52%, 43%, 0.15); --circuit-color-pulse: hsl(133, 44%, 40%); --circuit-color-grid: hsla(128, 52%, 43%, 0.02); --circuit-color-cpu-glow: hsla(108, 52%, 43%, 0.2); --circuit-color-trail: hsl(125, 52%, 43%); --circuit-color-led: hsl(123, 52%, 43%); --background-color: #1a1a1a; --circuit-canvas-bg: #1a1a1a; --doc-glass: rgba(26, 26, 26, 0.78); } #circuitCanvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; background-color: var(--circuit-canvas-bg); } /* Let the canvas show through the opaque theme surfaces. */ html, body { background: transparent !important; } /* Glass reading surface so long-form text stays legible over the board. */ main.relative { background: var(--doc-glass); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 14px; padding-left: 1.25rem; padding-right: 1.25rem; } /* Glass nav panels: the left site-nav sidebar and the right "On this page" TOC. The left aside is md:bg-transparent on desktop, so it otherwise shows the raw board with no panel — give both the same frosted surface in both themes. */ aside.fixed.left-0, aside.hidden.xl\:block { background: var(--doc-glass) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 14px; padding: 1rem; }