diff --git a/config/eww/eww.scss b/config/eww/eww.scss
index ea1c6fd..f7ed844 100644
--- a/config/eww/eww.scss
+++ b/config/eww/eww.scss
@@ -1,63 +1,63 @@
+$color-primary: #c6a0f6;
+$color-sec: #f5bde6;
+$color-bg: #24273a;
+$color-plane: #5a2d85;
+$color-light: #5b6078;
 
 .bar {
+  background-color: $color-bg;
   border-radius: 12px;
-
+  border: 3px solid $color-light;
 }
 
 .bat {
-  color: #cac;
-
+  color: $color-primary;
 }
 .circle {
   margin-top: -2.5rem;
-  color: #cac;
+  color: $color-primary;
 }
 
 .workspace-entry {
+  border: 2px solid $color-primary;
   border-radius: 20px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: #cac;
   margin: 2px;
 
-  &.empty {
-
-  }
+  &.empty {}
 
   &.occupied{
+    background-color: $color-light;
   }
 
   &.current {
-    background-color: #536;
+    background-color: $color-plane;
   }
 }
 
 .power {
-  color: #cac;
-  font-size: 20;
-  padding-top: 2px;
-  padding-right: 4px;
-  padding-left: 0px;
-  padding-bottom: 4px;
+  color: $color-primary;
+  font-size: 18;
+  padding-right: 3px;
+  padding-bottom: 2px;
   margin-bottom: 5px;
-  margin-left: 1px;
-  background-color: #515;
+  // margin-left: 1px;
+  margin: 5px 2px;
+  background-color: $color-plane;
+  border: 2px solid;
   border-radius: 15px;
 }
 
 .cal {
+  background-color: $color-primary;
+  border-radius: 8px;
   padding: 5px;
 }
 
 .clock {
-  background-color: #536;
-  border-width: 2px;
-  border-style: solid;
-  border-color: #cac;
-  border-radius: 5px;
-  color: #cac;
+  color: $color-primary;
+  background-color: $color-plane;
+  border: 2px solid $color-primary;
+  border-radius: 3px;
   padding: 2px;
   margin: 2px;
-  border-radius: 3px;
-
 }