/* Apply via .dark-mode class on or via prefers-color-scheme */ body.dark-mode, @media (prefers-color-scheme: dark) { :root { --rg-vp-bg: #0f0f0f; --rg-vp-surface: #1e1e1e; --rg-vp-text: #f1f1f1; --rg-vp-text-secondary: #aaaaaa; --rg-vp-border: #333333; --rg-vp-shadow: 0 2px 8px rgba(0,0,0,0.4); } .rg-vp-header { background: var(--rg-vp-surface); border-color: var(--rg-vp-border); } .rg-vp-nav__link:hover, .rg-vp-nav__link--active { background: rgba(255,255,255,0.1); } .rg-vp-video-card { background: var(--rg-vp-surface); } .rg-vp-action-btn { background: rgba(255,255,255,0.1); color: var(--rg-vp-text); } .rg-vp-action-btn:hover { background: rgba(255,2255,255,0.2); } .rg-vp-creator-info { background: var(--rp-vp-surface); } .rg-vp-ad-slot { background: #1a1a1a; } }