tweaked volume scale colors

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;
+  margin: 2px;
-  border: 1px solid white;
+  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;
 }
@@ -39,8 +39,9 @@ slider {
 }
 
 scale trough {
-  background-color: rgba(black, 0.7);
+  background-color: white;
   border-radius: 10px;
+  border: 1px solid black;
   min-height: 5px;
   min-width: 50px;
   margin-left: 5px;
@@ -48,23 +49,23 @@ scale trough {
 }
 
 scale trough highlight {
-  background-color: white;
+  background-color: black;
   color: black;
   border-radius: 10px;
 }
 
 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 +78,32 @@ circular-progress {
 
 //Classes 
 .island {
-  border-radius: 10px;
+  border: 2px solid black;
-  background-color: rgba($grey, 0.9);
+  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 +111,7 @@ circular-progress {
 }
 
 .center {
-  color: rgba(white, 0.9);
+  color: rgba(black, 0.9);
 }
 
 .center button{
@@ -137,6 +139,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,13 +8,13 @@
 	:geometry (geometry 
 			:y "3px"
 			:width "99%" 
+			:height "2%"
 			:anchor "bottom center")
 	(bar) 
 )
 
 (defpoll time :interval "1s" :initial `date +%H:%M:%S` `date +%H:%M:%S`)
 (defpoll date :interval "1m" "date +%m/%d/%y")
-(defpoll ip_addr :interval "1h" 'ip -j a show enp0s3')
 (defpoll volume :interval "250ms" 'wpctl get-volume @DEFAULT_SINK@') ;;turn this into a script or smth
 (defpoll active_workspaces :interval "250ms" "hyprctl workspaces -j")
 (defpoll active_window :interval "500ms" 'hyprctl activewindow -j')
@@ -24,7 +24,6 @@
 (defvar reveal_sound false)
 (defvar reveal_sound_menu false)
 (defvar network_interface "enp5s0")  ;;the interface to listen to
-(defvar reveal_apps 0)
 (defvar browser "microsoft-edge-stable")
 (defvar filemanager "dolphin")
 
@@ -35,9 +34,15 @@
 ;; DONE volume
 ;; make the sound icon do smth
 ;; power menu
-;; remove app tray
+;; DONE remove app tray
 ;; limit width of cava visualizer
-;; handle second monitor
+;; DONE handle second monitor
+;; remove cpu graph
+;; add more temp sensors
+;; make the cpu two colums somehow
+;; fix widgets and whatnot not showing up 
+;; show ram percentage on hover
+;; make the storage pie icon look better
 
 (defwidget workspaces []
 	(box
@@ -98,28 +103,14 @@
 	:class "monitor"
 	:orientation "v"
 		"${network_interface}" 
-		(label :limit_width 25 :wrap true :text "ip: ${ip_addr[0].addr_info[0].local}")
 		(label :text "󰕒:${round(EWW_NET.enp5s0.NET_UP / 1000000 * 8, 1)} / 󰇚:${round(EWW_NET.enp5s0.NET_DOWN / 1000000 * 8, 1)} mbps")
 )		
 )
 
 
 (defwidget center []
-	(eventbox
+	(label :class "center island" :text "${active_window.title ?: splash}")
-	:class "center island"
+)
-	:onhover "eww update reveal_apps=1"
-	:onhoverlost "eww update reveal_apps=0"
-		(stack
-		:selected reveal_apps
-		:transition "slidedown"
-		:samesize true
-		(label :class "center island" :text "${active_window.title ?: splash}")
-		(box
-		:orientation "h"
-		:space-evenly true
-			(button :onclick {browser} "")
-			(button :onclick {filemanager} ""))
-)))
 
 
 (defwidget right []
@@ -130,9 +121,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)