diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index 754267e..be1fb6c 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -3,17 +3,23 @@
   font-family: FontAwesome, Overpass;
 }
 
-$bar-module-width: 25px;
-
 @import "./style/colors.scss";
+
+$bar-module-width: 25px;
+$bar-bg-color: rgba($color0,0.85);
+$bar-inactive-bg-color: rgba($color8,0.5);
+//$bar-active-bg-color: ;
+$bar-hover-bg-color: rgba($color1,0.5);
+$bar-module-border-radius: 8px;
+
 // Global Styles
 .bar {
-  font-size: 0.95em;
+  font-size: 1em;
   padding: 0px;
   margin: 0px 15px;
   >box>button {
     &:hover{
-      background-color: rgba($color1,0.5);
+      background-color: $bar-hover-bg-color;
     }
   }
 
@@ -21,8 +27,8 @@ $bar-module-width: 25px;
 .leftgroup,
 .centergroup,
 .rightgroup {
-  background-color: rgba($color0,0.85);
-  border-radius: 8px;
+  background-color: $bar-bg-color;
+  border-radius: $bar-module-border-radius;
 }
 
 //group modules
@@ -55,10 +61,10 @@ circular-progress {
 }
 
 .revealer-on-hover {
-  background-color: rgba($color8,0.5);
-  border: 2px solid rgba($color0,0.5);
+  background-color: $bar-inactive-bg-color;
+//  border: 2px solid rgba($color0,0.5);
   color: $color0;
-  border-radius: 8px;
+  border-radius: $bar-module-border-radius;
 //  margin: 10px 0px;
 }
 .revealer-on-hover>widget>box>box>*,
@@ -71,7 +77,7 @@ circular-progress {
   }
 }
 .revealer-on-hover>widget>box>box>*{
-  border-radius:8px;
+  border-radius:$bar-module-border-radius;
 }
 .reveal_children>box,
 .reveal_children>widget,
@@ -84,10 +90,10 @@ circular-progress {
 .profile,
 .active_window {
   background-color: rgba($color9,0.3);
-  border: 2px solid rgba($color0,0.5);
+//  border: 2px solid rgba($color0,0.5);
   color: $color0;
   padding: 2px;
-  border-radius: 8px;
+  border-radius: $bar-module-border-radius;
 //  margin: 10px 0px;
   padding: 5px;
 }
@@ -96,12 +102,12 @@ label {
 }
 .workspaces {
   background-color: rgba($color8,0);
-  border: 0px solid rgba($color0,0);
-  border-radius: 8px;
+//  border: 0px solid rgba($color0,0);
+  border-radius: $bar-module-border-radius;
 }
 .workspaces button {
   background-color: rgba($color8,0.5);
-  border: 2px solid rgba($color0,0.5);
+//  border: 2px solid rgba($color0,0.5);
   color: $color0;
 //  margin: 10px 0px;
   padding: 5px;
@@ -121,17 +127,17 @@ button.active {
   color: $color1;
 }
 .workspaces button:first-child {
-  border-radius:8px 0px 0px 8px;
+  border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
 }
 .workspaces button:last-child,
 .reveal_children>box:last-child,
 .reveal_children>button:last-child {
-  border-radius:0px 8px 8px 0px;
+  border-radius:0px $bar-module-border-radius $bar-module-border-radius 0px;
 }
 .workspaces button:only-child,
 .reveal_children>box:only-child,
 .reveal_children>button:only-child {
-  border-radius:8px;  
+  border-radius:$bar-module-border-radius;  
 }
 menu {
   color: $color9;