diff --git a/src/styles/base.css b/src/styles/base.css index cc61232..7814272 100644 --- a/src/styles/base.css +++ b/src/styles/base.css @@ -163,6 +163,8 @@ p { overflow-wrap: break-word; } .measure { max-width: var(--measure); } /* Night surface */ +::selection { background: var(--selection); color: var(--selection-ink); } + .night { background: var(--night); color: var(--ink-on-night); diff --git a/src/styles/tokens.css b/src/styles/tokens.css index 0a017cc..1328f01 100644 --- a/src/styles/tokens.css +++ b/src/styles/tokens.css @@ -46,6 +46,10 @@ page's current phase), at most twice per page. Never for text, links or decoration. */ --signal: #58C8D8; + /* Selected text: the logo cyan with base ink on it (about 9:1), the same on paper and night. */ + --selection: var(--logo-cyan); + --selection-ink: var(--ink-base); + /* Immutable copies for resetting inside a .night or overlay context */ --ink-base: #1A1A18; --ink-muted-base: #57564F;