diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index 85dfc5e..9415dd5 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -28,7 +28,6 @@
 scale trough,
 progressbar>trough {
   background-color: $color1;
-  color: $color1;
   min-width: 100px;
   min-height: 10px;
   border-radius: 4px;
@@ -44,9 +43,9 @@ circular-progress {
   background-color: $color2;
 }
 .revealer-on-hover {
-  background-color: $color9;
-  border: 2px solid $color1;
-  color: #2C2423;
+  background-color: rgba($color8,0.5);
+  border: 2px solid rgba($color0,0.5);
+  color: $color1;
   border-radius: 8px;
 //  margin: 10px 0px;
 }
@@ -57,16 +56,16 @@ circular-progress {
 }
 .reveal_children>box,
 .reveal_children>button {
-  border-left: 2px solid $color1;
+  border-left: 2px solid rgba($color0,0.5);
 }
 .rightgroup>label,
 .rightgroup>button,
 .music,
 .profile,
 .active_window {
-  background-color: $color9;
-  border: 2px solid $color1;
-  color: $color0;
+  background-color: rgba($color8,0.5);
+  border: 2px solid rgba($color0,0.5);
+  color: $color1;
   padding: 2px;
   border-radius: 8px;
 //  margin: 10px 0px;
@@ -74,29 +73,31 @@ circular-progress {
 }
 label {
   margin-top: 2px;
-//  background-color: blue;
 }
 .workspaces {
-  background-color: #B87A7A;
-  color: #2C2423;
+  background-color: rgba($color8,0);
+  border: 0px solid rgba($color0,0);
+  color: $color1;
   border-radius: 8px;
 }
 .workspaces button {
-  background-color: $color9;
-  border: 2px solid $color1;
-  color: $color0;
+  background-color: rgba($color8,0.5);
+  border: 2px solid rgba($color0,0.5);
+  color: $color1;
 //  margin: 10px 0px;
   padding: 5px;
   min-width: 25px;
 }
 .workspaces button:hover {
-  background-color: $color1;
+  background-color: rgba($color1,0.5);
+  color: $color0;
   transition-property: background-color;
   transition-duration: .25s;
 }
 .workspaces .focused,
 button.active {
-  background-color: $color1;
+  background-color: rgba($color1,0.75);
+  color: $color0;
 }
 .workspaces button:first-child {
   border-radius:8px 0px 0px 8px;
diff --git a/de/home/.config/eww/rat.jpg b/de/home/.config/eww/rat.jpg
index 2d1f0d3..2e245e8 100644
Binary files a/de/home/.config/eww/rat.jpg and b/de/home/.config/eww/rat.jpg differ
diff --git a/de/home/.config/eww/style/colors.scss b/de/home/.config/eww/style/colors.scss
deleted file mode 100644
index 933d31b..0000000
--- a/de/home/.config/eww/style/colors.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/* SCSS variables */
-$wallpaper: url("None");
-
-/* Special */
-$background: #2C2423;
-$foreground: #FFFFFF;
-$cursor: #B87A7A;
-
-/* Colors */
-$color0: #2C2423;
-$color1: #B87A7A;
-$color2: #7AB87A;
-$color3: #B8B87A;
-$color4: #7A7AB8;
-$color5: #B87AB8;
-$color6: #7AB8B8;
-$color7: #D9D9D9;
-$color8: #918988;
-$color9: #DBBDBD;
-$color10: #BDDBBD;
-$color11: #DBDBBD;
-$color12: #BDBDDB;
-$color13: #DBBDDB;
-$color14: #BDDBDB;
-$color15: #FFFFFF;
diff --git a/de/home/.config/eww/style/colors.scss b/de/home/.config/eww/style/colors.scss
new file mode 120000
index 0000000..f50bfe3
--- /dev/null
+++ b/de/home/.config/eww/style/colors.scss
@@ -0,0 +1 @@
+../../de-vars/colors/astrodark/colors.scss
\ No newline at end of file