diff --git a/src/assets/leaves-light.png b/src/assets/leaves-light.png
new file mode 100755
index 0000000..101941b
Binary files /dev/null and b/src/assets/leaves-light.png differ
diff --git a/src/themes.js b/src/themes.js
index 511ff50..4f95d34 100644
--- a/src/themes.js
+++ b/src/themes.js
@@ -1,5 +1,6 @@
 import { blueGrey, grey, indigo, red } from "@material-ui/core/colors";
 import { createTheme } from "@material-ui/core/styles";
+import leavesLightImage from "./assets/leaves-light.png";
 
 export const darkTheme = createTheme({
   palette: {
@@ -25,7 +26,7 @@ export const darkTheme = createTheme({
     background: {
       panel: "#303030",
       paper: "#262626",
-      default: "#161616",
+      default: "#2c2c2c",
     },
   },
   input: {
@@ -63,6 +64,15 @@ export const darkTheme = createTheme({
     row: "#282828",
   },
   setFoundEntry: "rgba(130, 170, 100, 0.15)",
+  overrides: {
+    MuiCssBaseline: {
+      "@global": {
+        body: {
+          backgroundImage: `url("${leavesLightImage}")`,
+        },
+      },
+    },
+  },
 });
 
 export const lightTheme = createTheme({
@@ -114,6 +124,15 @@ export const lightTheme = createTheme({
     row: "#fff",
   },
   setFoundEntry: "rgba(130, 170, 100, 0.15)",
+  overrides: {
+    MuiCssBaseline: {
+      "@global": {
+        body: {
+          backgroundImage: `url("${leavesLightImage}")`,
+        },
+      },
+    },
+  },
 });
 
 export function withCardColors(theme, colors) {