diff --git a/app/css/themes.css b/app/css/themes.css
index c264cf26..7c613f88 100644
--- a/app/css/themes.css
+++ b/app/css/themes.css
@@ -14,6 +14,7 @@
   --active: #e6ee9c;
   --postbox: white;
   --modalfooter: #fafafa;
+  --accentbtn: #009688;
 }
 #imagemodal {
   background: url("../img/pixel.white.svg");
@@ -34,6 +35,7 @@
   --active: #757575;
   --postbox: #424242;
   --modalfooter: #212121;
+  --accentbtn: #3f51b5;
 }
 .blacktheme #imagemodal {
   background: url("../img/pixel.svg");
@@ -54,6 +56,7 @@
   --active: #757575;
   --postbox: #1a237e;
   --modalfooter: #031833;
+  --accentbtn: #00acc1;
 }
 .indigotheme #imagemodal {
   background: url("../img/pixel.svg");
@@ -74,6 +77,7 @@
   --active: #757575;
   --postbox: #4e342e;
   --modalfooter: #261411;
+  --accentbtn: #827717;
 }
 .browntheme #imagemodal {
   background: url("../img/pixel.svg");
@@ -86,7 +90,7 @@
   --modal: #81c784;
   --subcolor: #a5d6a7;
   --box: #81c784;
-  --sidebar: #81c784;
+  --sidebar: #c5e1a5;
   --shared: #ffcc80;
   --notfbox: #a5d6a7;
   --emphasized: #9e9d24;
@@ -94,7 +98,29 @@
   --active: #e6ee9c;
   --postbox: #a5d6a7;
   --modalfooter: #81c784;
+  --accentbtn: #33691e;
 }
 .greentheme #imagemodal {
   background: url("../img/pixel.white.svg");
 }
+.bluetheme {
+  --bg: #c9e1ec;
+  --drag: rgba(255, 255, 255, 0.8);
+  --color: black;
+  --beforehover: #757575;
+  --modal: #b2ebf2;
+  --subcolor: #90caf9;
+  --box: #90caf9;
+  --sidebar: #b6e6f5;
+  --shared: #e0ffe4;
+  --notfbox: #90caf9;
+  --emphasized: #c5e1a5;
+  --his-data: rgba(255, 255, 255, 0.9);
+  --active: #b39ddb;
+  --postbox: #dff1ff;
+  --modalfooter: #2196f3;
+  --accentbtn: #2f7bb7;
+}
+.bluetheme #imagemodal {
+  background: url("../img/pixel.white.svg");
+}