diff --git a/README.md b/README.md
index 40ea2b4..4b38d65 100644
--- a/README.md
+++ b/README.md
@@ -12,12 +12,10 @@
 ![black](/screenshot/black.png)
 
 ## Powermenu
-Using [logout.sh](https://git.0t0.in/0t0/rofi/src/branch/master/powermenu/logout.sh) script rofi can be used as powermenu and more. 
+Also [logout.sh](https://git.0t0.in/0t0/rofi/src/branch/master/powermenu/logout.sh) script can be used to check out what the themes will look like. This same script can be used in i3 for logout.
 
 ### Rounded
-![rounded-powermenu](/screenshot/rounded-powermenu.png)
-![rounded-powerconfirm](/screenshot/rounded-powerconfirm.png)
+![rounded-powermenu](/screenshot/rounded-powermenu.gif)
 
 ### Slate
-![slate-powermenu](/screenshot/slate-powermenu.png)
-![slate-powerconfirm](/screenshot/slate-powerconfirm.png)
+![slate-powermenu](/screenshot/slate-powermenu.gif)
diff --git a/appmenu/slate.rasi b/appmenu/slate.rasi
index 4706ee4..4376b37 100644
--- a/appmenu/slate.rasi
+++ b/appmenu/slate.rasi
@@ -3,17 +3,38 @@ configuration {
   location: 0;
   lines:8;
   display-run: "Search";
+  font: "Iosevka 16";
 }
 
 * {
+  color0: #011634;
+  color1: #9D7066;
+  color2: #C77A64;
+  color3: #418A6B;
+  color4: #D09069;
+  color5: #3B6C8C;
+  color6: #64909D;
+  color7: #c2c8ca;
+  color8: #878c8d;
+  color9: #9D7066;
+  color10: #C77A64;
+  color11: #418A6B;
+  color12: #D09069;
+  color13: #3B6C8C;
+  color14: #64909D;
+  color15: #c2c8ca;
   background-color: #282C33;
   border-color: #2e343f;
   text-color: #ffb25a;
   spacing: 0;
   width: 40%;
 }
-
+window {
+  background-color: #00000000;
+  font: "Iosevka 12";
+}
 inputbar {
+  text-color: @color6; 
   border: 0 0 1px 0;
   children: [entry];
 }
@@ -31,9 +52,13 @@ textbox {
 }
 
 entry {
+  text-color: @color6; 
   padding: 16px;
 }
 
+message {
+	text-color: @color15;
+}
 
 listview {
   cycle: false;
@@ -47,5 +72,17 @@ element {
 }
 
 element selected {
-  background-color: #2e343f;
+  background-color: #00000000;
+  border: 4px;
+}
+
+element normal.normal, element alternate.normal {
+	background-color: @color0;
+	text-color: @color15;
+}
+
+element selected.normal {
+	border-color: @color5;
+	text-color: @color10 ;
+  background-color: @color15;
 }
diff --git a/powermenu/logout.sh b/powermenu/logout.sh
index 22ca377..964e1e7 100755
--- a/powermenu/logout.sh
+++ b/powermenu/logout.sh
@@ -1,4 +1,17 @@
-#!/usr/bin/env bash:
+#!/usr/bin/env bash
+echo "
+[1] Rounded
+[2] Slate
+"
+read -p "Select the number of the theme you choose: " theme
+if [ "$theme" -eq 1 ]; then
+				path1="round/powermenu.rasi"
+				path2="round/powermenu-confirm.rasi"
+else
+				path1="slate.rasi"
+				path2="slate.rasi"
+fi
+
 o0="﫼"
 o1=""
 o2=""
@@ -8,11 +21,12 @@ a1="1"
 a2="0"
 option="$o4\n$o1\n$o3\n$o2\n$o0"
 answer="$a2\n$a1"
-chosen="$(echo -e "$option" | rofi -theme ~/.config/rofi/powermenu/powermenu.rasi -lines 5 -dmenu)"
+chosen="$(echo -e "$option" | rofi -theme $path1 -lines 5 -dmenu)"
+#chosen="$(echo -e "$option" | rofi -theme ~/.config/rofi/round/powermenu.rasi -lines 5 -dmenu)"
 if [ -z "$chosen" ]; then
 				exit
 else
-				sure="$(echo -e "$answer" | rofi -theme ~/.config/rofi/powermenu/powermenu-confirm.rasi -lines 2 -dmenu)"
+				sure="$(echo -e "$answer" | rofi -theme $path2 -lines 2 -dmenu)"
 				case $chosen$sure in
 								$o0$a1)
 									i3-msg exit;;
diff --git a/powermenu/round/powermenu-confirm.rasi b/powermenu/round/powermenu-confirm.rasi
index 4f2de70..a888ee8 100644
--- a/powermenu/round/powermenu-confirm.rasi
+++ b/powermenu/round/powermenu-confirm.rasi
@@ -5,12 +5,32 @@ configuration {
 }
 
 * {
+  color0: #252030;
+  color1: #4B6EBB;
+  color2: #4B73C1;
+  color3: #8F718E;
+  color4: #817EC0;
+  color5: #7582BE;
+  color6: #A58997;
+  color7: #e7cbbf;
+  color8: #a18e85;
+  color9: #4B6EBB;
+  color10: #4B73C1;
+  color11: #8F718E;
+  color12: #817EC0;
+  color13: #7582BE;
+  color14: #A58997;
+  color15: #e7cbbf;
   transparency: "real";
   background-color: #22222244;
+  //backgorund: #222222;
   background: #0c0f10aa;
   text-color: #ffb25a;
   selected-normal-background: #5294e290;  
   window-border: #676E7D;
+//  foreground: #ffb25a;
+  //foreground: #666666;
+//  foreground: ddc5c1;
   foreground: #E0846E;
 
 }
diff --git a/powermenu/round/powermenu.rasi b/powermenu/round/powermenu.rasi
index 5236f5a..93924cc 100644
--- a/powermenu/round/powermenu.rasi
+++ b/powermenu/round/powermenu.rasi
@@ -5,12 +5,32 @@ configuration {
 }
 
 * {
+  color0: #252030;
+  color1: #4B6EBB;
+  color2: #4B73C1;
+  color3: #8F718E;
+  color4: #817EC0;
+  color5: #7582BE;
+  color6: #A58997;
+  color7: #e7cbbf;
+  color8: #a18e85;
+  color9: #4B6EBB;
+  color10: #4B73C1;
+  color11: #8F718E;
+  color12: #817EC0;
+  color13: #7582BE;
+  color14: #A58997;
+  color15: #e7cbbf;
   transparency: "real";
   background-color: #22222244;
+  //backgorund: #222222;
   background: #0c0f10aa;
   text-color: #ffb25a;
   selected-normal-background: #5294e290;  
   window-border: #676E7D;
+  //foreground: #ffb25a;
+  //foreground: #99ff99;
+  //foreground: #ddc5c1;
   foreground: #E0846E;
 
 }
diff --git a/powermenu/slate.rasi b/powermenu/slate.rasi
index 85682a9..f6b5d08 100644
--- a/powermenu/slate.rasi
+++ b/powermenu/slate.rasi
@@ -3,15 +3,31 @@ configuration {
   show-icons: true;
   location: 5;
   display-run: "";
-  font: "Envy Code R 14";
+  font: "Iosevka 20";
 }
 
 * {
-  background-color: #282C33;
-  border-color: #2e343f;
-  text-color: #ffb25a;
+  color0: #252030;
+  color1: #4B6EBB;
+  color2: #4B73C1;
+  color3: #8F718E;
+  color4: #817EC0;
+  color5: #7582BE;
+  color6: #A58997;
+  color7: #e7cbbf;
+  color8: #a18e85;
+  color9: #4B6EBB;
+  color10: #4B73C1;
+  color11: #8F718E;
+  color12: #817EC0;
+  color13: #7582BE;
+  color14: #A58997;
+  color15: #e7cbbf;
+  background-color: @color0;
+  border-color: @color3;
+  text-color: @color15;
   spacing: 0;
-  width: 17%;
+  width: 10%;
   show-icons: true;
 }
 
@@ -26,9 +42,9 @@ prompt {
 }
 
 textbox {
-  background-color: #2e343f;
+  background-color: @color0;
   border: 0 0 1px 0;
-  border-color: #282C33;
+  border-color: @color5;
   padding: 8px 16px;
 }
 
@@ -43,10 +59,10 @@ listview {
 }
 
 element {
-  border: 0 0 1px 0;
+  border: 0;
   padding: 16px;
 }
 
 element selected {
-  background-color: #2e343f;
+  background-color: @color10;
 }
diff --git a/screenshot/rounded-powerconfirm.png b/screenshot/rounded-powerconfirm.png
deleted file mode 100644
index bc7554c..0000000
Binary files a/screenshot/rounded-powerconfirm.png and /dev/null differ
diff --git a/screenshot/rounded-powermenu.gif b/screenshot/rounded-powermenu.gif
new file mode 100644
index 0000000..ac401db
Binary files /dev/null and b/screenshot/rounded-powermenu.gif differ
diff --git a/screenshot/rounded-powermenu.png b/screenshot/rounded-powermenu.png
deleted file mode 100644
index d3461ce..0000000
Binary files a/screenshot/rounded-powermenu.png and /dev/null differ
diff --git a/screenshot/slate-powerconfirm.png b/screenshot/slate-powerconfirm.png
deleted file mode 100644
index 6ddf3e4..0000000
Binary files a/screenshot/slate-powerconfirm.png and /dev/null differ
diff --git a/screenshot/slate-powermenu.gif b/screenshot/slate-powermenu.gif
new file mode 100644
index 0000000..da97420
Binary files /dev/null and b/screenshot/slate-powermenu.gif differ
diff --git a/screenshot/slate-powermenu.png b/screenshot/slate-powermenu.png
deleted file mode 100644
index 9167c13..0000000
Binary files a/screenshot/slate-powermenu.png and /dev/null differ