/** * Selenium docs — light & dark semantic tokens * Set via data-theme on (theme.js) */ :root, [data-theme='dark'] { color-scheme: dark; --wd-green: #45ba4b; --wd-green-dark: #2ead33; --wd-green-glow: rgba(69, 186, 75, 0.35); --wd-bg: #0d1117; --wd-surface: #161b22; --wd-surface-2: #21262d; --wd-border: #30363d; --wd-text: #e6edf3; --wd-muted: #8b949e; --wd-code-bg: #0d1117; --wd-code-text: #c9d1d9; --wd-header-bg: rgba(13, 17, 23, 0.92); --wd-gradient-a: rgba(69, 186, 75, 0.12); --wd-gradient-b: rgba(46, 173, 51, 0.06); --wd-shadow: rgba(0, 0, 0, 0.35); --wd-h1-gradient-start: #ffffff; --wd-step-counter-text: #0d1117; --wd-table-hover: rgba(69, 186, 75, 0.06); --wd-callout-bg: rgba(69, 186, 75, 0.08); } [data-theme='light'] { color-scheme: light; --wd-green: #1a7f37; --wd-green-dark: #2da44e; --wd-green-glow: rgba(45, 164, 78, 0.22); --wd-bg: #ffffff; --wd-surface: #f4f8fb; --wd-surface-2: #e8eef4; --wd-border: #c5d4e0; --wd-text: #1a2332; --wd-muted: #5a6b7d; --wd-header-bg: rgba(255, 255, 255, 0.92); --wd-gradient-a: rgba(45, 164, 78, 0.1); --wd-gradient-b: rgba(45, 164, 78, 0.05); --wd-shadow: rgba(26, 35, 50, 0.12); --wd-h1-gradient-start: #1a2332; --wd-step-counter-text: #ffffff; --wd-table-hover: rgba(45, 164, 78, 0.08); --wd-callout-bg: rgba(45, 164, 78, 0.1); } [data-theme='light'] img.tool-icon[src*='apple.svg'], [data-theme='light'] img.tool-icon[src*='github.svg'], [data-theme='light'] img.tool-icon[src*='microsoft.svg'], [data-theme='light'] .card-logo[src*='github.svg'] { filter: brightness(0); } [data-theme='dark'] img.tool-icon[src*='github.svg'] { filter: brightness(0) invert(1); }