diff --git a/picture-gallery-client/.env b/picture-gallery-client/.env
new file mode 100644
index 0000000..d02bb3c
--- /dev/null
+++ b/picture-gallery-client/.env
@@ -0,0 +1,3 @@
+# Set user specific variables
+REACT_APP_TITLE=Simple Picture Gallery
+REACT_APP_APPBAR_COLOR=#1976D2
diff --git a/picture-gallery-client/src/ImageGallery/ImageGalleryAppBar.tsx b/picture-gallery-client/src/ImageGallery/ImageGalleryAppBar.tsx
index 8937f83..7683ebc 100644
--- a/picture-gallery-client/src/ImageGallery/ImageGalleryAppBar.tsx
+++ b/picture-gallery-client/src/ImageGallery/ImageGalleryAppBar.tsx
@@ -27,7 +27,7 @@ function ImageGalleryAppBar({
           <MenuIcon />
         </IconButton>
         <Typography variant="h6" noWrap component="div">
-          {process.env.TITLE ?? "Image Gallery"}
+          {process.env.REACT_APP_TITLE ?? "Simple Picture Gallery"}
         </Typography>
       </Toolbar>
     </AppBar>
diff --git a/picture-gallery-client/src/MuiLayout/AppBar.tsx b/picture-gallery-client/src/MuiLayout/AppBar.tsx
index 605cec8..32365e1 100644
--- a/picture-gallery-client/src/MuiLayout/AppBar.tsx
+++ b/picture-gallery-client/src/MuiLayout/AppBar.tsx
@@ -7,6 +7,7 @@ const AppBar = styled(MuiAppBar, {
   open?: boolean;
   drawerwidth: number;
 }>(({ theme, open, drawerwidth }) => ({
+  backgroundColor: process.env.REACT_APP_APPBAR_COLOR ?? "#1976D2",
   transition: theme.transitions.create(["margin", "width"], {
     easing: theme.transitions.easing.sharp,
     duration: theme.transitions.duration.leavingScreen,