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:

adebisi-fa

2026-10-01 04:01:44 +01:00

parent 340d8da19d

commit 17c407883d

6 changed files with 24 additions and 7 deletions

									
										tools/public/assets/cropper/index.html
									
		+1
		-1
	
												View File
												
				@@ -22,7 +22,7 @@

				    .review-options .form-check { margin-bottom: 0.35rem; }

				  </style>

				</head>

				<body class="app">

				<body class="app cds--g100">

				<div id="app">

				  <!--app-header-->