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) {
-