diff --git a/config b/config
index 6329dd0..eed2cd6 100644
--- a/config
+++ b/config
@@ -18,7 +18,7 @@
 		"disable-scroll": true,
 		"all-outputs": false,
 		"active-only": false,
-		"format": "{id}"
+		"format": "{name}"
 	},
 	"tray": {
 		// "icon-size": 21,
diff --git a/style.css b/style.css
index fe42d47..67348e6 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,13 @@
 @import "mocha.css";
 
-@define-color text @teal;
+@define-color text_color @text;
+
+/* uncomment it for use pywal script*/
+/*
+@import "/home/divan/.cache/wal/waybar.css";
+@define-color text_color @maxY;
+*/
+
 
 * {
 	border: none;
@@ -12,18 +19,14 @@
 
 window#waybar {
 	background: @surface0;
-	color: @text;
+	color: @text_color;
 }
 
 #window {
 	font-weight: bold;
 	font-family: "Noto";
 }
-/*
-#workspaces {
-	padding: 0 5px;
-}
-*/
+
 .modules-left {
 	background: @base;
 	border-radius: 10px;
@@ -47,7 +50,11 @@ window#waybar {
 }
 
 #power {
-	padding: 0 2px;
+	background: @surface0;
+	border-radius: 10px;
+	margin-left: 2px;
+	padding-right: 10px;
+	margin-right: -10px;
 	color: @red;
 }
 
@@ -67,18 +74,18 @@ window#waybar {
 #workspaces button {
 	padding: 0 5px;
 	background: transparent;
-	color: @text;
+	color: @text_color;
 	border-top: 2px solid @surface0;
 }
 
 #workspaces button.focused {
-	color: @text;
-	border-top: 2px solid @text;
+	color: @text_color;
+	border-top: 2px solid @text_color;
 }
 
 #workspaces button.active {
-	color: @green;
-	border-top: 2px solid @green;
+	color: @text;
+	border-top: 2px solid @text;
 }
 
 #workspaces button.urgent {
@@ -90,7 +97,7 @@ window#waybar {
 #clock {
 	padding: 0 10px;
 	margin: 0 1px;
-	background: alpha(@mauve,0.2);
+	background: @surface0;
 	border-radius: 5px;
 	font-weight: bold;
 }
@@ -100,9 +107,6 @@ window#waybar {
 	margin: 0 1px;
 }
 
-#clock {	
-}
-
 #battery {
 }
 
@@ -122,7 +126,7 @@ window#waybar {
 }
 
 #battery.charging {
-	color: @text;
+	color: @text_color;
 	animation-name: good;
 	animation-duration: 3.5s;
 	animation-timing-function: ease-out;
@@ -131,7 +135,7 @@ window#waybar {
 }
 
 #battery.warning:not(.charging) {
-	color: @text;
+	color: @text_color;
 	animation-name: critical;
 	animation-duration: 1.5s;
 	animation-timing-function: ease-out;
@@ -139,7 +143,7 @@ window#waybar {
 	animation-direction: alternate;
 }
 #battery.critical:not(.charging) {
-	color: @text;
+	color: @text_color;
 	animation-name: critical;
 	animation-duration: 0.5s;
 	animation-timing-function: linear;
@@ -168,4 +172,3 @@ window#waybar {
 
 #tray {
 }
-