/* The night board darkens the page around it too. `sk-page-night` is put on by sudoku-early.js before the first paint, and kept in step by sudoku.js. */ html.sk-page-night { color-scheme: dark; --c-primary: #8c7ff5; --c-primary-dark: #7a6ce8; --c-bg: #12141f; --c-surface: #191c2b; --c-text: #e4e7f5; --c-text-soft: #9aa2c2; --c-border: #2b3048; --shadow: 0 2px 10px rgba(0, 0, 0, .35); --shadow-lg: 0 8px 28px rgba(0, 0, 0, .45); } /* What common.css colours by hand rather than through the variables above. */ /* :not(.nav-split): the split header's band must stay see-through, and this would outrank it. */ html.sk-page-night body:not(.nav-split) .site-header { background-color: rgba(18, 20, 31, .92); } html.sk-page-night body.nav-split .logo, html.sk-page-night body.nav-split .site-nav { background: rgba(25, 28, 43, .9); box-shadow: 0 2px 12px rgba(0, 0, 0, .45); } html.sk-page-night .btn-share:hover { background: #262a40; } html.sk-page-night .game-cat { background: rgba(255, 255, 255, .08); color: var(--c-text-soft); } html.sk-page-night .fb-dialog { background: var(--c-surface); color: var(--c-text); }