Colour scheme

ScreenSpace Specifications

The switch of the bar (28 passages, no note) of every page that takes the site (note: Site) from its light (18 passages, no note) palette (24 passages, no note) to its dark (26 passages, no note) one and back. The dark scheme (19 passages, no note) is a second palette, not an inversion of the light (3 passages, no note) one: its colours (22 passages, no note) are measured on their own, and nothing a reader (note: Reader) does in one scheme is lost in the other. The choice follows the system preference (8 passages, no note), stays remembered (8 passages, no note) once made, and the switch stands in the same place in both schemes.

Today

The switch is a square (5 passages, no note) button of 40 px (3 passages, no note) at the right end of the bar, after the links (note: Link), drawing (4 passages, no note) the glyph (10 passages, no note) of the scheme it switches to: a moon (☾) over a light page, a sun (☀) over a dark one. It is named "Dark mode (note: Colour scheme)" for assistive technology alone, in the language of the site (4 passages, no note), and is pressed (3 passages, no note) while the dark scheme is displayed. Its script (37 passages, no note) reads the scheme in force from the stylesheet (26 passages, no note), whatever decided it, the theme (note: Theme)'s default, the system preference or a remembered choice, and hears the system preference change while no choice is stored. Without JavaScript the theme's default and the system preference apply and no dead control is shown.

Pressing the switch displays the other scheme at once and remembers (3 passages, no note) it in the local storage (3 passages, no note) of the browser (31 passages, no note) under concordance-mode, so that the next page and the next visit (3 passages, no note) open in it without a flash of the other scheme: the only inline script of a page applies the remembered choice before the first paint. When the theme's default and the system preference already give the scheme asked for, nothing is stored and the page follows the system (19 passages, no note) again.

The dark palette keeps the shape (8 passages, no note) of the light one: the page ground goes under the surfaces of the bar, the tree of the space (note: Space) and the panel (97 passages, no note), the soft ground of the fields (37 passages, no note), the chips (20 passages, no note) and the current entry of the tree (47 passages, no note) stands above them, the rules (note: Rule) and the grounds carry the hierarchy on their own, and no shadow is cast (3 passages, no note), where the light scheme casts a soft one under what floats over the page, the live results (48 passages, no note), the trail, the menus (4 passages, no note) of the filters (note: Facet) and the drawer (6 passages, no note). The accent (23 passages, no note) rises in lightness so that a link holds 4.5:1 over every dark ground; it marks links and the current position (23 passages, no note) only, as in the light scheme. The three underlines (4 passages, no note) of the text, the written link (note: Link), the recognised word (note: Recognised word) with a note (note: Note) and the recognised word without one, the chips, a marked passage (note: Passage), the code blocks, the tables (40 passages, no note), the viewer (55 passages, no note) of a document (note: Document) and the focus ring (4 passages, no note) all take the dark palette from the same tokens; the paper of a document page (note: Document page) alone stays white (4 passages, no note), since it is the document itself.

The contrasts of the dark scheme are measured separately: the accessibility rule lists every text and background pair (47 passages, no note) of both palettes with its ratio (3 passages, no note), and no dark value (35 passages, no note) is deduced from the light one. The component gallery shows the entity page (note: Entity page) and the home (note: Home) page in the dark scheme, forced (3 passages, no note) on their root so that a viewer sees them dark whatever they prefer.

Objects

Actions

  1. Press (4 passages, no note) the switch → the same page in the other scheme, remembered
  2. Change the system preference while no choice is stored → the page follows it

Rules

Properties5

Application
Generated site
Status
valid
Roles
Reader
URL pattern
/{source}/{path}

5 declared keys. The rest of the file is free text.

On this page4

  1. Today
  2. Objects
  3. Actions
  4. Rules
See the neighbourhood map6 pages6Neighbourhood mapColour scheme

Neighbourhood map Colour scheme

Distance1 hop

Neighbourhood map. The list below carries the same information as the map.existing pageword without a note

60 neighbours in total, more than the map shows.

textual equivalent

Six neighbours at most, always named. Beyond that the map teaches nothing: the list takes over.