/* VOLT brand overrides for gethomepage.dev. * Aesthetic: dark, monochrome, generous whitespace — matches fromvolt.com. */ :root, .dark { --bg: 0 0 0; /* pure black background */ --bg-modal: 18 18 18; --primary: 255 255 255; /* white primary text */ --accent: 255 255 255; } /* Force a uniform dark surface even on the unauthenticated initial paint. */ html, body, #__next, .min-h-screen { background: #000 !important; } /* VOLT wordmark — injected via pseudo-element on because Homepage's * own `logo:` setting renders nothing in v1.x. Fixed position so it survives * Homepage's internal layout shuffles. Top padding keeps content clear. */ body { position: relative !important; padding-top: 5.5rem !important; } body::before { content: "" !important; position: fixed !important; top: 1.25rem !important; left: 1.5rem !important; width: 200px !important; height: 40px !important; background-image: url("/icons/volt-logo.svg") !important; background-repeat: no-repeat !important; background-position: left center !important; background-size: contain !important; z-index: 9999 !important; pointer-events: none !important; display: block !important; visibility: visible !important; opacity: 1 !important; } /* Belt-and-braces: if any future Homepage version DOES render the logo as * , size it sanely (5:1 wordmark, not the square it assumes). */ img[src*="volt-logo"] { max-height: 56px !important; width: auto !important; max-width: 280px !important; height: auto !important; display: inline-block !important; } /* Title typography: closer to fromvolt.com's hero feel. */ #information-widgets ~ div h1, header h1 { font-weight: 600; letter-spacing: -0.02em; } /* Service tiles: subtler borders, no aggressive hover lift. */ .service-card, [id^="service-"] { background: rgb(20 20 20 / 0.8) !important; border: 1px solid rgb(255 255 255 / 0.08) !important; transition: border-color 200ms ease, background 200ms ease; } .service-card:hover, [id^="service-"]:hover { border-color: rgb(255 255 255 / 0.3) !important; background: rgb(28 28 28 / 0.9) !important; } /* Bookmark abbr chips: monochrome instead of color-coded. */ .bookmark-text, [id^="bookmark-"] .text-theme-700 { color: rgb(255 255 255 / 0.85) !important; } /* Section headers: thin uppercase rule, like fromvolt.com. */ h2.font-medium, [id^="group-"] > h2 { font-size: 0.75rem !important; font-weight: 500 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: rgb(255 255 255 / 0.45) !important; border-bottom: 1px solid rgb(255 255 255 / 0.08); padding-bottom: 0.5rem; margin-bottom: 1rem; }