feat(ui): g100 dark theme and more space above page titles

- all pages (landing, both tools, server error pages) render on Carbon's
  g100 theme via <body class="app cds--g100">; token consumers follow
  automatically, including component shadow styles through the inherited
  --cds-* custom properties
- dark base on <html> so no light flash around the viewport
- step chips and tool icons use the brand blue: layer-selected-inverse
  inverts to a LIGHT token in g100, which had made them white-on-white
- page titles breathe: .page-head top margin 1.5rem -> 2.75rem
- new test asserting every page renders on g100 (44 total)
This commit is contained in:
2026-10-01 04:01:44 +01:00
parent 340d8da19d
commit 17c407883d
6 changed files with 24 additions and 7 deletions
+1 -1
View File
@@ -74,7 +74,7 @@ function errorPage(res, status, title, message, actions = {}) {
<title>${esc(title)} · YOUreka Tools</title>
<link rel="stylesheet" href="/assets/style.css">
</head>
<body class="app">
<body class="app cds--g100">
${appHeader(null, null)}
<main class="container narrow center-v">
<div class="card message-card">