From 864f7ce1296eb4d2eb46196484c89661edbf4cd0 Mon Sep 17 00:00:00 2001
From: Aaron Iker <aaron@anoma.ly>
Date: Thu, 15 Jan 2026 19:08:24 +0100
Subject: [PATCH] feat: small style fixes, webgpu types

---
 packages/console/app/src/routes/black.css | 3 ++-
 packages/console/app/src/routes/black.tsx | 3 +--
 packages/console/app/tsconfig.json        | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/console/app/src/routes/black.css b/packages/console/app/src/routes/black.css
index e5760941ce..7510dfb88c 100644
--- a/packages/console/app/src/routes/black.css
+++ b/packages/console/app/src/routes/black.css
@@ -285,10 +285,11 @@
         gap: 12px;
         padding: 24px;
         border: 1px solid rgba(255, 255, 255, 0.17);
+        background: rgba(0, 0, 0, 0.75);
+        backdrop-filter: blur(10px);
         border-radius: 4px;
         text-decoration: none;
         transition: border-color 0.15s ease;
-        background: transparent;
         cursor: pointer;
         text-align: left;
 
diff --git a/packages/console/app/src/routes/black.tsx b/packages/console/app/src/routes/black.tsx
index f898a73bf6..59d7b13b45 100644
--- a/packages/console/app/src/routes/black.tsx
+++ b/packages/console/app/src/routes/black.tsx
@@ -3,7 +3,7 @@ import { Title, Meta, Link } from "@solidjs/meta"
 import { createMemo, createSignal } from "solid-js"
 import { github } from "~/lib/github"
 import { config } from "~/config"
-import LightRays, { defaultConfig, LightRaysControls, type LightRaysConfig } from "~/component/light-rays"
+import LightRays, { defaultConfig, type LightRaysConfig } from "~/component/light-rays"
 import "./black.css"
 
 export default function BlackLayout(props: RouteSectionProps) {
@@ -44,7 +44,6 @@ export default function BlackLayout(props: RouteSectionProps) {
       <Meta name="twitter:image" content="/social-share-black.png" />
 
       <LightRays config={lightRaysConfig} class="header-light-rays" />
-      <LightRaysControls config={lightRaysConfig} setConfig={setLightRaysConfig} />
 
       <header data-component="header">
         <A href="/" data-component="header-logo">
diff --git a/packages/console/app/tsconfig.json b/packages/console/app/tsconfig.json
index e30a673892..e5fb212de5 100644
--- a/packages/console/app/tsconfig.json
+++ b/packages/console/app/tsconfig.json
@@ -12,7 +12,7 @@
     "allowJs": true,
     "strict": true,
     "noEmit": true,
-    "types": ["vite/client"],
+    "types": ["vite/client", "@webgpu/types"],
     "isolatedModules": true,
     "paths": {
       "~/*": ["./src/*"]