diff --git a/src/components/App.tsx b/src/components/App.tsx
index 2dd5ef8..c1fd099 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -26,7 +26,7 @@ const DarkTheme = {
     ...BaseDarkTheme,
     colors: {
         ...BaseDarkTheme.colors,
-        background: themes.light.view.backgroundColor,
+        background: themes.dark.view.backgroundColor,
     }
 };
 
diff --git a/src/components/Colors.tsx b/src/components/Colors.tsx
index e018a85..cd9a87c 100644
--- a/src/components/Colors.tsx
+++ b/src/components/Colors.tsx
@@ -38,7 +38,7 @@ function generateStyles(scheme: ColorSchemeName) {
         imageBackground: {
             backgroundColor: scheme === 'dark' ? '#161616' : '#eee',
             borderWidth: 0.5,
-            borderColor: scheme === 'dark' ? '#444' : '#ddd',
+            borderColor: scheme === 'dark' ? '#262626' : '#ddd',
         },
         modal: {
             backgroundColor: scheme === 'dark' ? '#000' : '#fff',
@@ -47,7 +47,7 @@ function generateStyles(scheme: ColorSchemeName) {
             backgroundColor: scheme === 'dark' ? '#000' : '#fff',
         },
         button: {
-            backgroundColor: scheme === 'dark' ? '#161616' : '#eee',
+            backgroundColor: scheme === 'dark' ? '#ffffff09' : '#00000009',
         },
         input: {
             backgroundColor: scheme === 'dark' ? '#161616' : '#f3f3f3',