black and white theme

eww.scss

@@ -10,11 +10,11 @@ $scarlet: #ff0000;
 window {
   font-size: 20px;
   border-radius: 10px;
-  text-shadow: 1px 1px 3px black;
+  color: black;
 }
 
 .bar {
- color: white; //font 
+ color: black; //font 
  padding: 0px;
 }
 
@@ -22,14 +22,14 @@ window {
 
 button {
   padding: 0px 7px; //top-bottom, left-right
-  margin: 3px;
-  border: 1px solid white;
+  margin: 2px;
+  border: 1px solid black;
   border-radius: 5px;
-  background-color: $grey;
+  background-color: white;
 }
 
 button:hover {
-  background-color: rgba(white, 0.5);
+  background-color: rgba(black, 0.9);
   border-color: black;
   color: black;
 }
@@ -54,17 +54,17 @@ scale trough highlight {
 }
 
 tooltip {
-  background-color: rgba($grey, 0.9);
+  background-color: rgba(white, 0.9);
   font-size: 20px;
-  color: white;
+  color: black;
   padding: 3px;
   margin: 10px 20px;
+  border: 1px solid black;
   border-radius: 5px;
-  text-shadow: 1px 1px 3px black;
 }
 
 calendar {
-  background-color: rgba($grey, 0.95);
+  background-color: rgba(white, 0.95);
   border-radius: 5px;
 }
 
@@ -77,31 +77,32 @@ circular-progress {
 
 //Classes 
 .island {
-  border-radius: 10px;
-  background-color: rgba($grey, 0.9);
+  border: 2px solid black;
+  border-radius: 15px;
+  background-color: rgba(white, 0.8);
   padding: 5px;
   margin: 2px;
 }
 
 .monitor {
+  border: 2px solid black;
   border-radius: 6px;
-  background-color: rgba($grey, 0.9);
+  background-color: rgba(white, 0.5);
   padding: 5px;
   margin: 2px;
-  box-shadow: 1px -1px 1px inset;
 }
 
 .workspaces button{
   padding: 0px 7px; //top-bottom, left-right
-  border: 1px solid white;
+  border: 1px solid black;
   border-radius: 5px;
-  background-color: $grey;
+  background-color: white;
 }
 
 .workspaces button:hover {
-  background-color: rgba(white, 0.5);
+  background-color: rgba(black, 0.9);
   border-color: black;
-  color: black;
+  color: white;
 }
 
 .active_workspace{
@@ -109,7 +110,7 @@ circular-progress {
 }
 
 .center {
-  color: rgba(white, 0.9);
+  color: rgba(black, 0.9);
 }
 
 .center button{
@@ -137,6 +138,12 @@ circular-progress {
   margin: 10px;
 }
 
+.icon {
+  text-shadow: 0px 5px;
+  background-color: rgba($grey,0.7);
+  border-radius: 20px;
+  padding: 5px
+}
 
 .visualizer {
   font-size: 10px;

eww.yuck

@@ -8,6 +8,7 @@
 	:geometry (geometry 
 			:y "3px"
 			:width "99%" 
+			:height "2%"
 			:anchor "bottom center")
 	(bar) 
 )
@@ -106,7 +107,6 @@
 
 (defwidget center []
 	(eventbox
-	:class "center island"
 	:onhover "eww update reveal_apps=1"
 	:onhoverlost "eww update reveal_apps=0"
 		(stack
@@ -130,9 +130,10 @@
 	:space-evenly false
 	:halign "end"
 		(systray
+		:class "icon"
 		:spacing 3
 		:orientation "h"
-		:space-evenly false
+		:space-evenly true
 		:icon-size 25
 		:prepend-new false)
 		(sound)