Move waybar style to waybar folder

wm/waybar/waybar-style.css

@@ -0,0 +1,82 @@
+/* ---------------------------
+   Default Waybar Styling
+--------------------------- */
+
+* {
+  color: #ffffff;
+}
+
+
+menu {
+  background-color: #222222;
+  border-radius: 8px;
+  border: 1px solid #313244;
+}
+
+menu menuitem {
+  padding: 6px 12px;
+  color: #cdd6f4;
+}
+
+menu menuitem:hover {
+  background-color: #45475a;
+}
+
+/* General bar */
+#waybar {
+    background-color: #222222;  /* Default dark gray bar */
+    color: #ffffff;             /* Default text color */
+}
+
+/* Modules */
+.module {
+    margin: 0 4px;
+}
+
+/* Hover effect (minimal) */
+.module:hover {
+    opacity: 0.8;
+}
+
+/* Separators */
+.separator {
+    margin: 0 2px;
+}
+
+#taskbar button {
+  background: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+#taskbar button:hover {
+  background-color: rgba(180, 190, 254, 0.15);
+  border-radius: 6px;
+}
+
+#taskbar button.active {
+  background-color: rgba(180, 190, 254, 0.3);
+}
+
+/* Workspace buttons */
+#workspaces button {
+  background: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+/* Hover */
+#workspaces button:hover {
+  background-color: rgba(180, 190, 254, 0.15);
+  border-radius: 6px;
+}
+
+/* Active workspace */
+#workspaces button.active {
+  background-color: rgba(180, 190, 254, 0.35);
+}
+
+/* Icons */
+i {
+    margin-right: 2px;
+}