diff --git a/lib/views/error.tsx b/lib/views/error.tsx
index 5d38b18542..deece707bb 100644
--- a/lib/views/error.tsx
+++ b/lib/views/error.tsx
@@ -11,7 +11,7 @@ const Index: FC<{
 }> = ({ requestPath, message, errorRoute, nodeVersion }) => (
     <Layout>
         <div
-            className="pointer-events-none absolute w-full min-h-screen"
+            className="pointer-events-none absolute w-full min-h-screen dark:invert"
             style={{
                 backgroundImage: `url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMicgd2lkdGg9JzMyJyBoZWlnaHQ9JzMyJyBmaWxsPSdub25lJyBzdHJva2U9J3JnYigxNSAyMyA0MiAvIDAuMDQpJz48cGF0aCBkPSdNMCAuNUgzMS41VjMyJy8+PC9zdmc+')`,
                 maskImage: 'linear-gradient(transparent, black, transparent)',
diff --git a/lib/views/index.tsx b/lib/views/index.tsx
index ad54e0ea17..09cdf03989 100644
--- a/lib/views/index.tsx
+++ b/lib/views/index.tsx
@@ -129,7 +129,7 @@ const Index: FC<{ debugQuery: string | undefined }> = ({ debugQuery }) => {
     return (
         <Layout>
             <div
-                className="pointer-events-none absolute w-full min-h-screen"
+                className="pointer-events-none absolute w-full min-h-screen dark:invert"
                 style={{
                     backgroundImage: `url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMicgd2lkdGg9JzMyJyBoZWlnaHQ9JzMyJyBmaWxsPSdub25lJyBzdHJva2U9J3JnYigxNSAyMyA0MiAvIDAuMDQpJz48cGF0aCBkPSdNMCAuNUgzMS41VjMyJy8+PC9zdmc+')`,
                     maskImage: 'linear-gradient(transparent, black, transparent)',