diff --git a/.github/workflows/check.yml b/.github/workflows/check.yml
index 3153f40d..b8255567 100644
--- a/.github/workflows/check.yml
+++ b/.github/workflows/check.yml
@@ -24,5 +24,4 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
       - run: npm ci
-      - run: npx @ryanatkn/gro check --workspace
-      - run: npx @ryanatkn/gro build
+      - run: npx @ryanatkn/gro check --workspace --build
diff --git a/package-lock.json b/package-lock.json
index fd63d1d4..92b4022f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,9 +13,9 @@
         "@fuzdev/fuz_code": "^0.40.0",
         "@fuzdev/fuz_css": "^0.44.1",
         "@fuzdev/fuz_ui": "^0.179.0",
-        "@fuzdev/fuz_util": "^0.45.3",
+        "@fuzdev/fuz_util": "^0.48.1",
         "@ryanatkn/eslint-config": "^0.9.0",
-        "@ryanatkn/gro": "^0.186.0",
+        "@ryanatkn/gro": "^0.189.2",
         "@sveltejs/adapter-static": "^3.0.10",
         "@sveltejs/kit": "^2.49.1",
         "@sveltejs/package": "^2.5.7",
@@ -827,9 +827,9 @@
       }
     },
     "node_modules/@fuzdev/fuz_util": {
-      "version": "0.45.3",
-      "resolved": "https://registry.npmjs.org/@fuzdev/fuz_util/-/fuz_util-0.45.3.tgz",
-      "integrity": "sha512-N0xaUwFxGG1FuEkcVqB4t8Gqs2ReCVmmQf1kI7gErGuyKV9mRycHSFWFyT7/hQ9K4/0epsZj4cejj5fYIjkG/Q==",
+      "version": "0.48.1",
+      "resolved": "https://registry.npmjs.org/@fuzdev/fuz_util/-/fuz_util-0.48.1.tgz",
+      "integrity": "sha512-7ria+gzYAOUi1GFgBf+GqWqYg1/Sv1IpDm2ZGRHsuNlLYtbV7ll5t+4kg7RsaEnn6ZsmARfwWkxmpkByM79cqQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1576,16 +1576,15 @@
       }
     },
     "node_modules/@ryanatkn/gro": {
-      "version": "0.186.0",
-      "resolved": "https://registry.npmjs.org/@ryanatkn/gro/-/gro-0.186.0.tgz",
-      "integrity": "sha512-Yq/KtVKUpcYarJ9Xuh7OGJoDf9OYCZtRAeVSgIfv54gt2O13J+TMDp9ESnXc5Ohfs4t2QvyCeEmLEL0mW6PSpQ==",
+      "version": "0.189.2",
+      "resolved": "https://registry.npmjs.org/@ryanatkn/gro/-/gro-0.189.2.tgz",
+      "integrity": "sha512-Huzi8GpnZCPf0NZLdOyESVdSOSzwcz0rw/fMM9fr9ePESwpdhmhkTDrdLJAh0gzqg85N9hO/gm8egR3R8iQA+Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "chokidar": "^5.0.0",
         "dotenv": "^17.2.3",
         "esm-env": "^1.2.2",
-        "mri": "^1.2.0",
         "oxc-parser": "^0.99.0",
         "prettier": "^3.7.4",
         "prettier-plugin-svelte": "^3.4.1",
@@ -1606,7 +1605,7 @@
         "vitest": "^3 || ^4"
       },
       "peerDependencies": {
-        "@fuzdev/fuz_util": ">=0.45.3",
+        "@fuzdev/fuz_util": ">=0.48.0",
         "@sveltejs/kit": "^2",
         "esbuild": "^0.27.0",
         "svelte": "^5",
diff --git a/package.json b/package.json
index 02fd9e12..835c4730 100644
--- a/package.json
+++ b/package.json
@@ -42,9 +42,9 @@
     "@fuzdev/fuz_code": "^0.40.0",
     "@fuzdev/fuz_css": "^0.44.1",
     "@fuzdev/fuz_ui": "^0.179.0",
-    "@fuzdev/fuz_util": "^0.45.3",
+    "@fuzdev/fuz_util": "^0.48.1",
     "@ryanatkn/eslint-config": "^0.9.0",
-    "@ryanatkn/gro": "^0.186.0",
+    "@ryanatkn/gro": "^0.189.2",
     "@sveltejs/adapter-static": "^3.0.10",
     "@sveltejs/kit": "^2.49.1",
     "@sveltejs/package": "^2.5.7",
diff --git a/src/lib/ModulesDetail.svelte b/src/lib/ModulesDetail.svelte
index 8d10b57b..37bcfb46 100644
--- a/src/lib/ModulesDetail.svelte
+++ b/src/lib/ModulesDetail.svelte
@@ -121,29 +121,29 @@
 		font-size: var(--font_size_lg);
 		position: sticky;
 		top: 0;
-		background-color: var(--bg);
+		background-color: var(--shade_00);
 	}
 	.modules {
 		padding: var(--space_sm);
 	}
 	.module {
 		margin-bottom: var(--space_lg);
-		--link_color: var(--text_color_3);
+		--link_color: var(--text_70);
 	}
 	.module_file {
 		margin-bottom: var(--space_xs);
 	}
 	.ts {
-		--link_color: var(--color_a_5);
+		--link_color: var(--color_a_50);
 	}
 	.svelte {
-		--link_color: var(--color_e_5);
+		--link_color: var(--color_e_50);
 	}
 	.css {
-		--link_color: var(--color_b_5);
+		--link_color: var(--color_b_50);
 	}
 	.json {
-		--link_color: var(--color_f_5);
+		--link_color: var(--color_f_50);
 	}
 	/* TODO extract */
 	.declarations {
@@ -160,16 +160,16 @@
 		font-size: var(--font_size_sm);
 	}
 	.variable_declaration {
-		color: var(--color_d_5);
+		color: var(--color_d_50);
 	}
 	.function_declaration {
-		color: var(--color_c_5);
+		color: var(--color_c_50);
 	}
 	.type_declaration {
-		color: var(--color_g_5);
+		color: var(--color_g_50);
 	}
 	.class_declaration {
-		color: var(--color_f_5);
+		color: var(--color_f_50);
 	}
 	/* TODO extract  */
 	.nav_wrapper {
diff --git a/src/lib/ReposTable.svelte b/src/lib/ReposTable.svelte
index 90fec235..caa9657f 100644
--- a/src/lib/ReposTable.svelte
+++ b/src/lib/ReposTable.svelte
@@ -180,11 +180,11 @@
 		padding: 0 var(--space_xs);
 	}
 	tr:hover {
-		background-color: var(--bg_5);
+		background-color: var(--fg_50);
 	}
 	.latest {
 		/* TODO even lighter, add `--text_color_7` to Fuz probably, or change the scaling of `--text_color_3` and `--text_color_5` */
-		color: var(--text_color_5);
+		color: var(--text_50);
 		opacity: var(--disabled_opacity);
 	}
 </style>
diff --git a/src/lib/ReposTreeNav.svelte b/src/lib/ReposTreeNav.svelte
index c34b435b..66524936 100644
--- a/src/lib/ReposTreeNav.svelte
+++ b/src/lib/ReposTreeNav.svelte
@@ -49,9 +49,9 @@
 	}
 	/* TODO should be a CSS class or variable, probably add :focus behavior */
 	.names a:hover {
-		background-color: var(--bg_5);
+		background-color: var(--fg_50);
 	}
 	.names a:is(:active, .selected) {
-		background-color: var(--bg_7);
+		background-color: var(--fg_70);
 	}
 </style>
diff --git a/src/routes/MainHeader.svelte b/src/routes/MainHeader.svelte
index b312f628..9a719ac3 100644
--- a/src/routes/MainHeader.svelte
+++ b/src/routes/MainHeader.svelte
@@ -4,12 +4,12 @@
 </script>
 
 <header class="pane p_lg">
-	<div class="box bg mb_lg">
+	<div class="box shade_00 mb_lg">
 		<h1 class="mb_lg font_size_xl2 font-weight:400">fuz_gitops</h1>
 		<!-- TODO FuzGitopsLogo -->
 		<Svg
 			data={logo_fuz}
-			fill="var(--color_a_5)"
+			fill="var(--color_a_50)"
 			size="var(--icon_size_xl2)"
 			label="a friendly blue spider facing you"
 		/>