/* =========================================================================== WHAT THE SITE LOOKS LIKE WITH THE REDESIGN SWITCHED OFF Everything in this file applies only when carries NO `data-design` attribute, which is every visitor until an admin turns the switch on — see app/services/design.py and the warm block in index.html's head. Its whole job is to put back the handful of values the redesign changed OUTSIDE its own two screens, so that "off" renders what this site rendered before any of it existed rather than something close to it. THE BAND AND THE CATEGORY PAGES ARE NOT HERE. They are handled where they live: two rules at the head of catnav.css decide which front door is drawn, and cnOpen refuses to open a category page when the switch is off. This file is only for the things the redesign reached into on its way past — the accent pair, the logo key, and four rules that took the pair in place of a colour of their own. IT LOADS LAST, AND IT HAS TO. Three of the four rules below live in files that load after theme.css, so putting these overrides in theme.css would have left them shadowed and silently ineffective. See the order at the foot of index.html's head. AND IT IS MEANT TO BE DELETED. The day the switch goes to "everybody" for good, this file, the attribute, the two rules in catnav.css and the guard in cnOpen all come out together. Nothing else in the redesign is conditional. =========================================================================== */ /* ---- THE ACCENT PAIR GOES BACK TO BEING ONE INK --------------------------- The redesign turned `--gold` + `--ink-2` into a PAIR that swaps ends with the theme: a green chip with blue lettering on the dark ground, a blue chip with green lettering on paper. Thirty rules across nine stylesheets were moved onto it, and every one of them was a pure rename — `var(--gold)` became `var(--accent-face)` and `var(--ink-2)` became `var(--accent-ink)`, with nothing else about the rule touched. WHICH IS WHY POINTING THE FOUR TOKENS BACK IS ENOUGH. All thirty render exactly what they rendered before, in both themes, without any of those nine files being edited. The four exceptions — rules that took the pair in place of something that was never gold — are named further down, because they are the ones this trick does not cover. `html:not([data-design="on"])` OUTRANKS `:root`, which is what makes this work at all: (0,1,1) against (0,1,0). The light block below adds the theme attribute for the same reason, against theme.css's own (0,1,1). */ html:not([data-design="on"]) { --accent-face: var(--gold); --accent-ink: var(--ink-2); --accent-lip: var(--gold-sh); --accent-hi: var(--gold-hi); /* The logo key's ink. It was a near-black in dark and the redesign made it the blue; on paper the whole key changed ground. */ --cap-ink: #14121F; } html:not([data-design="on"])[data-theme="light"] { --cap-face: #14121F; --cap-lip: #000000; --cap-ink: #B8E62B; } /* ---- AND THE FOUR THAT WERE NEVER GOLD ----------------------------------- These took the accent pair in place of a colour that was theirs, so the token restore above does not reach them: it would leave them gold, and gold is not what any of the four used to be. Each is written back to its own deployed declaration. `--accent` AND `--m-hilo` ARE STILL DEFINED — nothing removed them — so these are the same two lines they always were, not a reconstruction. */ /* The Gauntlet's own Go button, and Gauntlet Live's send: the site accent on a fixed white, not a chip. */ html:not([data-design="on"]) .gg-go, html:not([data-design="on"]) .gxl-send { background: var(--accent); color: var(--on-accent); } /* Higher or Lower's deck tag and its run-bar tag, both painted in the Higher or Lower mode card's own rust so the two matched on the old home screen. */ html:not([data-design="on"]) .hl-deck, html:not([data-design="on"]) .hl-bar .tag { background: var(--m-hilo); color: var(--on-accent); }