diff --git a/src/assets/holidays-dark.jpg b/src/assets/holidays-dark.jpg
new file mode 100755
index 0000000..67fd00b
Binary files /dev/null and b/src/assets/holidays-dark.jpg differ
diff --git a/src/assets/holidays-light.jpg b/src/assets/holidays-light.jpg
new file mode 100755
index 0000000..f1ea2cb
Binary files /dev/null and b/src/assets/holidays-light.jpg differ
diff --git a/src/assets/leaves-light.png b/src/assets/leaves-light.png
deleted file mode 100755
index 101941b..0000000
Binary files a/src/assets/leaves-light.png and /dev/null differ
diff --git a/src/themes.js b/src/themes.js
index ec4a5d3..8558a3c 100644
--- a/src/themes.js
+++ b/src/themes.js
@@ -1,7 +1,8 @@
 import { blueGrey, grey, indigo, red } from "@material-ui/core/colors";
 import { createTheme } from "@material-ui/core/styles";
 
-import leavesLightImage from "./assets/leaves-light.png";
+import holidaysDarkImage from "./assets/holidays-dark.jpg";
+import holidaysLightImage from "./assets/holidays-light.jpg";
 
 export const darkTheme = createTheme({
   palette: {
@@ -27,7 +28,7 @@ export const darkTheme = createTheme({
     background: {
       panel: "#303030",
       paper: "#262626",
-      default: "#2c2c2c",
+      default: "#161616",
     },
   },
   input: {
@@ -69,7 +70,7 @@ export const darkTheme = createTheme({
     MuiCssBaseline: {
       "@global": {
         body: {
-          backgroundImage: `url("${leavesLightImage}")`,
+          backgroundImage: `url("${holidaysDarkImage}")`,
         },
       },
     },
@@ -129,7 +130,7 @@ export const lightTheme = createTheme({
     MuiCssBaseline: {
       "@global": {
         body: {
-          backgroundImage: `url("${leavesLightImage}")`,
+          backgroundImage: `url("${holidaysLightImage}")`,
         },
       },
     },