/* Robinhood Chain rebrand — palette override (loaded last in , wins cascade over all Next chunks) */ :root, :host { --color-base: #000000; /* page background — pure black (RH Legend) */ --color-bg: #08090a; /* secondary surface */ --color-panel: #151719; /* card / panel (RH Legend panel charcoal) */ --color-panel-2: #1c1f22; /* elevated panel */ --color-panel-3: #262a2e; /* highest elevation / hover */ --color-line: #35322d; /* border (RH warm stone) */ --color-line-soft: #1b1c1e; /* subtle divider */ --color-line-strong: #4a463f; /* emphasized border */ --color-fg: #ffffff; /* primary text */ --color-fg-muted: #bfbfbf; /* muted text */ --color-fg-subtle: #888784; /* subtle text */ --color-fg-faint: #5f5e5b; /* faint text */ --color-brand: #ccff00; /* ACCENT — Legend lime (was indigo #4361ff) */ --color-up: #ccff00; /* positive / price-up — lime (RH ticker) */ --color-down: #ff4c4e; /* negative / price-down — coral (RH ticker) */ --color-lattice: #16181a; /* grid pattern lines */ } /* black text on lime accent surfaces (primary CTA buttons / solid badges) for contrast */ a.bg-brand, button.bg-brand, .bg-brand { color: #0b0b0b !important; } /* ---- smoothness + polish ---- */ /* kill number-input steppers everywhere (looks cleaner, less "larpy") */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; appearance: textfield; } /* crisp text */ * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* thin, on-brand scrollbars + momentum scroll */ * { scrollbar-width: thin; scrollbar-color: #35322d transparent; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #35322d; border-radius: 8px; border: 2px solid transparent; background-clip: content-box; } ::-webkit-scrollbar-thumb:hover { background: #5f5e5b; background-clip: content-box; } [class*="overflow"], .no-scrollbar { -webkit-overflow-scrolling: touch; } /* smoother interactive feedback on the brand-heavy controls */ button, a, [role="button"], input, label { transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .08s ease; } /* press / tap animation so buttons feel alive */ button:active, a[class*="bg-brand"]:active, [role="button"]:active, [data-wallet-trigger]:active { transform: scale(0.96); } /* header logo: clean lime mark, no frame, larger; render-blocking so it's right on first paint */ header img[alt="Hoodboard"] { width: 40px !important; height: 40px !important; padding: 0 !important; box-sizing: border-box !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* hide the "Hoodboard" wordmark next to the header logo */ header a[href="/"] > span { display: none !important; }