:root:has(body[data-theme="terminus"]) { --accent-color: #c77dba !important; } /* The rift sits behind every page. Terminus makes itself the 864px centred column, so body::before is exactly the content column and nothing else — the rift stays at full strength in the margins either side. html needs its own background: without one, body's background propagates to the root canvas and paints below everything, including the negative-z-index layers below. */ html { background: #0a192f; } body { position: relative; background: transparent; } body::before { content: ""; position: absolute; inset: 0; background: rgba(10, 25, 47, 0.82); z-index: -1; } /* Ensure any other elements that might be using the default color fallback to magenta too */ ::selection { background: #c77dba; color: #fff; }