diff --git a/public/jew.png b/public/jew.png
new file mode 100644
index 00000000..baf4c122
Binary files /dev/null and b/public/jew.png differ
diff --git a/src/styles/arkeros.css b/src/styles/arkeros.css
new file mode 100644
index 00000000..5150a6af
--- /dev/null
+++ b/src/styles/arkeros.css
@@ -0,0 +1,52 @@
+tr:nth-child(even) {
+  background-color: #61dcea;
+}
+
+tr:nth-child(odd) {
+  background-color: #ffb1e1;
+}
+
+.actionbuttons, .onlinebox, .cooldownbox, #historyselect, .notifybox {
+  background: linear-gradient(0deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
+  border-radius: 10px;
+}
+
+.Overlay {
+  background: linear-gradient(175deg, #61dceaab , #ffb1e1, #ecffec, #ffb1e1, #61dceaab);
+}
+
+.chatname {
+  background: linear-gradient(0deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
+}
+.msg.info{
+  color: #ff91a6;
+}
+
+.actionbuttons:hover, .menu > div:hover {
+  background: linear-gradient(160deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
+}
+
+#chatbutton {
+  background: linear-gradient(135deg, orange , yellow, green, aqua, blue, violet);
+}
+
+#chatbutton:hover {
+  background: linear-gradient(45deg, orange , yellow, green, aqua, blue, violet);
+}
+
+.coorbox {
+  background: linear-gradient(45deg, orange , yellow, green, aqua, blue, violet);
+  border-radius: 10px;
+}
+
+.coorbox:hover {
+  background: linear-gradient(135deg, orange , yellow, green, aqua, blue, violet);
+}
+
+.Modal {
+  background: #f4edf0 none repeat scroll 0 0;
+  background-image: url("../jew.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+  border-radius: 10px;
+}
diff --git a/src/styles/trans.css b/src/styles/trans.css
deleted file mode 100644
index d65f7788..00000000
--- a/src/styles/trans.css
+++ /dev/null
@@ -1,46 +0,0 @@
-tr:nth-child(even) {
-  background-color: #61dcea;
-}
-
-tr:nth-child(odd) {
-  background-color: #ffb1e1;
-}
-
-.chatbox {
-  background-color: rgba(59, 59, 59, 0.8);
-}
-
-.actionbuttons, .coorbox, .onlinebox, .cooldownbox, #historyselect, .notifybox {
-  background: linear-gradient(0deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
-  border-radius: 10px;
-}
-
-.Overlay {
-  background: linear-gradient(175deg, #61dceaab , #ffb1e1, #ecffec, #ffb1e1, #61dceaab);
-}
-
-.chatmsg {
-  color: white;
-}
-.chatname {
-  background: linear-gradient(0deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
-}
-.msg.info{
-  color: #ff91a6;
-}
-.msg.greentext{
-  color: #94ff94;
-}
-
-#chatlink {
-  color: #f9edde;
-}
-
-.actionbuttons:hover, .coorbox:hover, .menu > div:hover {
-  background: linear-gradient(160deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
-}
-
-.Modal {
-  background: #f4edf0 none repeat scroll 0 0;
-  border-radius: 10px;
-}
diff --git a/tools/minifyCss.js b/tools/minifyCss.js
index e34ca4d9..3cc06e57 100644
--- a/tools/minifyCss.js
+++ b/tools/minifyCss.js
@@ -13,7 +13,7 @@ const FILES = [
   'dark.css',
   'light-round.css',
   'dark-round.css',
-  'trans.css',
+  'arkeros.css',
 ];
 
 async function minifyCss() {