copied cosmic bar style and went back to labwc

1 files changed, 22 insertions, 14 deletions

diff --git a/dotfiles/waybar/style.css b/dotfiles/waybar/style.css
index 2c5d65a..9e18fbd 100644
--- a/dotfiles/waybar/style.css
+++ b/dotfiles/waybar/style.css
@@ -1,10 +1,10 @@
 * {
     /* `otf-font-awesome` is required to be installed for icons */
-    font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;
-    font-size: 9px;
+    font-family:  Roboto, Helvetica, "Font Awesome 6 Free Solid", Arial, sans-serif;
+    font-size: 15px;
 }
 
-@define-color bg-color #2b2b23;
+@define-color background-color #1b1b1b;
 @define-color accent-color #4c5b3f;
 @define-color text-color #e4e4e4;
 @define-color dark-text-color #2b2b23;
@@ -13,9 +13,9 @@
 @define-color critical-color #c65858;
 
 window#waybar {
-    background-color: @bg-color;
+    background-color: @background-color;
     color: @text-color;
-    padding: 0 5px;
+    border-radius: 5px;
 }
 
 /*
@@ -28,7 +28,7 @@ window#waybar.solo {
 */
 
 button:hover {
-    transition: background-color 0.2s;
+    transition: @background-color 0.2s;
 }
 
 #workspaces button {
@@ -50,13 +50,14 @@ button:hover {
 }
 
 #battery,
+#bluetooth,
 #temperature,
 #network,
 #pulseaudio,
 #wireplumber,
 #tray {
-    padding: 2px 0;
-    border-radius: 10px 15px 10px 15px;
+    padding: 8px 0;
+    border-radius: 5px;
     transition: background-color 0.2s;
 }
 
@@ -71,17 +72,17 @@ button:hover {
 
 #window,
 #workspaces {
-    margin: 0 4px;
+    /* margin: 0 4px; */
 }
 
 /* If workspaces is the leftmost module, omit left margin */
 .modules-left > widget:first-child > #workspaces {
-    margin-left: 0;
+    /* margin-left: 0; */
 }
 
 /* If workspaces is the rightmost module, omit right margin */
 .modules-right > widget:last-child > #workspaces {
-    margin-right: 0;
+    /* margin-right: 0; */
 }
 
 #pulseaudio {
@@ -92,8 +93,14 @@ button:hover {
 #pulseaudio.muted {
     background-color: @background-color;
     color: @text-color;
-    padding: 4px 0;
-    font-size: 13px;
+}
+
+#bluetooth {
+    background-color: @critical-color;
+}
+
+#bluetooth.disabled {
+    background-color: @background-color;
 }
 /* Using steps() instead of linear as a timing function to limit cpu usage */
 #battery.critical:not(.charging) {
@@ -160,10 +167,11 @@ menu {
     padding: 0;
     background-color: @bg-color;
     color: @text-color;
+    border-radius: 5px;
 }
 menuitem {
     padding: 5px 0;
-    margin: 2px 0;
+    /* margin: 2px 0; */
 }
 menuitem:hover {
     border-radius: 4px;