diff --git a/App.tsx b/App.tsx
index 077f6584..cd0bb9bf 100644
--- a/App.tsx
+++ b/App.tsx
@@ -172,7 +172,7 @@ export default function App() {
 
         {/* Overlay PreviewScreen if active */}
         {currentScreen === 'preview' && (
-          <View style={[StyleSheet.absoluteFill, { zIndex: 100, elevation: 100, backgroundColor: '#000' }]}>
+          <View style={[StyleSheet.absoluteFill, { zIndex: 100, elevation: 100, backgroundColor: 'transparent' }]}>
             <PreviewScreen
               photoUris={photoUris}
               printerIp={settings.printerIp}
@@ -191,7 +191,7 @@ export default function App() {
 
         {/* Overlay AdminScreen if active */}
         {currentScreen === 'admin' && (
-          <View style={[StyleSheet.absoluteFill, { zIndex: 100, elevation: 100, backgroundColor: '#000' }]}>
+          <View style={[StyleSheet.absoluteFill, { zIndex: 100, elevation: 100, backgroundColor: 'transparent' }]}>
             <AdminScreen
               currentSettings={settings}
               onSave={handleSaveSettings}
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 04f4b1df..783b9ee5 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -5,7 +5,7 @@ type GradientColors = readonly [ColorValue, ColorValue, ...ColorValue[]];
 
 export const THEME = {
   colors: {
-    background: '#050510',
+    background: 'rgba(5, 5, 16, 0.99)',
     surface: '#0D0D1A',
     surfaceSecondary: '#151528',
     primary: '#ff2bd6',