OHC Network Wiki:Design/careui: Difference between revisions
From OHC Network Wiki
More languages
More actions
Content deleted Content added
Document OHC design-token spec for maintainers (via create-page on MediaWiki MCP Server) |
Document cargoTable and kbd parity in the component map (via update-page on MediaWiki MCP Server) |
||
| Line 77: | Line 77: | ||
--width-layout: 1120px; /* slightly wider docs column */ |
--width-layout: 1120px; /* slightly wider docs column */ |
||
</pre> |
</pre> |
||
The sage surface (<code>--color-surface-0-oklch__l</code>) is intentionally a plain <code>:root</code> (specificity 0,1,0): Citizen's night rules (<code>:root.skin-theme-clientpref-night</code>, 0,2,0) must win the cascade or dark mode renders white. Both dark variants (explicit night + OS-follow) restore the dark surface and neutral chroma. |
|||
Dark theme ([[skin-theme-clientpref-night]]) lifts the accent lightness to 62% so teal links keep contrast on the deep-green surfaces. |
Dark theme ([[skin-theme-clientpref-night]]) lifts the accent lightness to 62% so teal links keep contrast on the deep-green surfaces. |
||
| Line 92: | Line 94: | ||
| [[Template:Docs/styles.css]] |
| [[Template:Docs/styles.css]] |
||
|- |
|- |
||
| Main Page landing blocks (search pill, navgrid, statsbar, quicklinks) |
| Main Page landing blocks (search pill, navgrid, statsbar, showcase, quicklinks) |
||
| [[Template:Main page/styles.css]] |
| [[Template:Main page/styles.css]] |
||
|- |
|- |
||
| Line 106: | Line 108: | ||
| Skin chrome (header, links, search, radius, fonts) |
| Skin chrome (header, links, search, radius, fonts) |
||
| [[MediaWiki:Citizen.css]] |
| [[MediaWiki:Citizen.css]] |
||
|- |
|||
| Cargo data tables (<code>table.cargoTable</code>, Care·ui Table parity), keyboard keys (<code>kbd</code>), copy button, back-to-top, version-switcher select |
|||
| [[MediaWiki:Common.css]] |
|||
|} |
|} |
||