change bg colour

src/components/Controlbar.tsx

@@ -32,7 +32,7 @@ export default component$(() => {
         }
     })
     return (
-        <div class="fixed bottom-4 left-1/2 transform -translate-x-1/2 bg-gray-950/50 backdrop-blur-3xl w-1/3 p-2 rounded-lg flex items-center justify-between">
+        <div class="fixed bottom-4 left-1/2 transform -translate-x-1/2 bg-neutral-950/50 backdrop-blur-3xl w-1/3 p-2 rounded-lg flex items-center justify-between">
             <input 
                 type="file" 
                 ref={fileInputRef}

src/components/File.tsx

@@ -19,7 +19,7 @@ const formatSize = (bytes: number) => {
 
 export default component$(({ file }: FileProps) => {
     return (
-        <div class="rounded-xl bg-slate-900 flex flex-col overflow-hidden">
+        <div class="rounded-xl bg-neutral-900 flex flex-col overflow-hidden">
             { file.Base64 && (file.ID.endsWith(".png") || file.ID.endsWith(".jpg") || file.ID.endsWith(".jpeg")) && (
                 <img
                     width={400}

src/routes/layout.tsx

@@ -0,0 +1,9 @@
+import { component$, Slot } from '@builder.io/qwik';
+ 
+export default component$(() => {
+  return (
+    <div class="flex flex-col min-h-screen bg-neutral-950 text-white">
+        <Slot />
+    </div>
+  );
+});