diff --git a/src/components/Controlbar.tsx b/src/components/Controlbar.tsx
index 6988740..fc22766 100644
--- a/src/components/Controlbar.tsx
+++ b/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}
diff --git a/src/components/File.tsx b/src/components/File.tsx
index 34eabde..f852be9 100644
--- a/src/components/File.tsx
+++ b/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}
diff --git a/src/routes/layout.tsx b/src/routes/layout.tsx
new file mode 100644
index 0000000..bc81a0b
--- /dev/null
+++ b/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>
+  );
+}); 
\ No newline at end of file