redesigns waybar and small hyprland adjustments

.config/waybar/tokens/workspace.css

@@ -0,0 +1,87 @@
+@import "colors.css";
+
+#window,
+#cpu,
+#privacy,
+#workspaces,
+#user-group,
+#memory,
+#custom-exit,
+#clock {
+    margin: 4px 5px;
+    padding: 6px 6px;
+    background-color: @backgrounddark;
+    border-radius: 20px;
+    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    border: 3px solid @bordercolor;
+}
+
+tooltip {
+    padding: 10px;
+    background-color: @backgrounddark;
+    border-radius: 20px;
+    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    border: 3px solid @bordercolor;
+
+}
+
+#cpu.bars {
+    min-height: 100px;
+}
+
+.calendar-today,
+.calendar-days,
+.calendar-weeks,
+.calendar-months {
+    color: @bordercolor;
+}
+
+.calendar-weekdays {
+    color: @textcolor1;
+}
+
+#workspaces button {
+    min-width: 32px;
+    padding: 0 4px;
+    margin: 0 2px;
+    background: transparent;
+    border-radius: 16px;
+    color: @tertiary;
+}
+
+#workspaces button.active {
+    padding: 0 12px;
+    margin: 0 2px;
+    background-color: @bordercolor;
+    color: @on_primary;
+}
+
+#workspaces button.special {
+    color: @tertiary_fixed;
+}
+
+#workspaces button:hover {
+    background-color: @backgrounddark_highest;
+    color: @bordercolor;
+}
+
+#workspaces button.active:hover {
+    background-color: @bordercolor;
+    color: @on_primary;
+}
+
+#workspaces button.empty {
+    color: @workspacesbackground2;
+}
+
+#workspaces button.urgent {
+    color: @error_container;
+}
+
+#workspaces button label:first-child {
+    margin-right: 8px;
+}
+
+#workspaces button label:last-child {
+    margin-left: 2px;
+}