Added Ready to use Waybar with PyWal color integration.

2026-05-14 14:41:00 +00:00 · 2025-11-13 17:25:15 +00:00
parent ac6583391a
commit 2031b5398e
2 changed files with 252 additions and 0 deletions
@@ -0,0 +1,145 @@
+@import url('../../.cache/wal/colors-waybar.css');
+
+* {
+    font-size:15px;
+    font-family: "CodeNewRoman Nerd Font Propo";
+    font-weight: bold;
+}
+window#waybar{
+    all:unset;
+}
+.modules-left {
+    padding:7px;
+    margin:5 0 5 10;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+.modules-center {
+    padding:3px 7px;
+    margin:5 0 5 0;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+.modules-right {
+    padding:7px;
+    margin: 5 10 5 0;
+    border-radius:10px;
+    background: alpha(@background,.6);
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
+}
+tooltip {
+    background:@background;
+    color: @color7;
+}
+#clock:hover, #bluetooth:hover, #network:hover, #battery:hover, #cpu:hover, #memory:hover, #temperature:hover{
+    transition: all .3s ease;
+    color:@color9;
+}
+#clock{
+    padding: 0px 5px;
+    color:@color7;
+    transition: all .3s ease;
+}
+#workspaces {
+    padding: 0px 5px;
+}
+#workspaces button {
+    all:unset;
+    padding: 0px 5px;
+    color: #ffffff;
+    transition: all .2s ease;
+}
+#workspaces button:hover {
+    color: #ffcc00;
+    border: none;
+    text-shadow: 0px 0px 5px #ffcc00;
+    transition: all .3s ease;
+}
+#workspaces button.active {
+    color: @color1;
+    border: none;
+    text-shadow: 0px 0px 8px @color1, 0px 0px 15px @color1;
+}
+#workspaces button.empty {
+    color: #666666;
+    border: none;
+    text-shadow: none;
+}
+#workspaces button.empty:hover {
+    color: #999999;
+    border: none;
+    text-shadow: 0px 0px 3px #999999;
+    transition: all .3s ease;
+}
+#workspaces button.empty.active {
+    color: @color1;
+    border: none;
+    text-shadow: 0px 0px 8px @color1, 0px 0px 15px @color1;
+}
+#bluetooth{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#network{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#battery{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+    font-family: "JetBrains Mono";
+    font-weight: bold;
+
+}
+#battery.charging {
+    color: #26A65B;
+}
+
+#battery.warning:not(.charging) {
+    color: #ffbe61;
+}
+
+#battery.critical:not(.charging) {
+    color: #f53c3c;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+#group-expand{
+    padding: 0px 5px;
+    margin-right: 5px;
+    transition: all .3s ease;
+}
+#custom-expand{
+    padding: 0px 5px;
+    color:alpha(@foreground,.2);
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, .7);
+    transition: all .3s ease;
+}
+#custom-expand:hover{
+    color:rgba(255,255,255,.2);
+    text-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
+}
+#custom-colorpicker{
+    padding: 0px 5px;
+}
+#cpu,#memory,#temperature{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#custom-endpoint{
+    color:transparent;
+    text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
+
+}