diff --git a/config b/config index 130ce82..bc3f3db 100644 --- a/config +++ b/config @@ -49,7 +49,7 @@ LockCommand: ~/.config/scripts/sys.sh lock ExitCommand: killall Hyprland # The folder, where the battery sensors reside -BatteryFolder: /sys/class/power_supply/BAT1 +BatteryFolder: /sys/class/power_supply/BAT0 # Threshold, when the battery is considered low and a different color (as specified by the 'battery-warning' CSS property) is applied BatteryWarnThreshold: 20 diff --git a/style.css b/style.css index c8d2224..10414b1 100644 --- a/style.css +++ b/style.css @@ -10,10 +10,11 @@ } menu { - padding: 8px 8px 8px 8px; + padding: 0px 8px 8px 8px; } -.bar, tooltip { +.bar, +tooltip { background-color: #282a36; border-radius: 16px; margin: 2px 1rem 0; @@ -61,7 +62,7 @@ menu { } trough { - border-radius: 3px; + border-radius: 0px; border-width: 1px; border-style: none; background-color: #44475a; @@ -133,22 +134,22 @@ highlight { .bt-num { font-size: 16px; - color: #1793D1; + color: #1793d1; } .bt-label-on { font-size: 20px; - color: #1793D1; + color: #1793d1; } .bt-label-off { font-size: 24px; - color: #1793D1; + color: #1793d1; } .bt-label-connected { font-size: 28px; - color: #1793D1; + color: #1793d1; } .disk-widget * { @@ -197,16 +198,17 @@ highlight { } .battery-widget * { - color: #ff79c6; + color: #24d05e; font-size: 16px; } .battery-util-progress { - background-color: #44475a; + /* background-color: #44475a; */ + background-color: transparent; } .battery-charging { - color: #ffb86c; + color: #8c12b1; } .battery-warning { @@ -293,18 +295,38 @@ highlight { @keyframes connectanim { from { - background-image: radial-gradient(circle farthest-side at center, #1793D1 0%, transparent 0%, transparent 100%); + background-image: radial-gradient( + circle farthest-side at center, + #1793d1 0%, + transparent 0%, + transparent 100% + ); } to { - background-image: radial-gradient(circle farthest-side at center, #1793D1 0%, #1793D1 100%, transparent 100%); + background-image: radial-gradient( + circle farthest-side at center, + #1793d1 0%, + #1793d1 100%, + transparent 100% + ); } } @keyframes disconnectanim { from { - background-image: radial-gradient(circle farthest-side at center, transparent 0%, #1793D1 0%, #1793D1 100%); + background-image: radial-gradient( + circle farthest-side at center, + transparent 0%, + #1793d1 0%, + #1793d1 100% + ); } to { - background-image: radial-gradient(circle farthest-side at center, transparent 0%, transparent 100%, #1793D1 100%); + background-image: radial-gradient( + circle farthest-side at center, + transparent 0%, + transparent 100%, + #1793d1 100% + ); } } @keyframes scanonanim { @@ -333,7 +355,7 @@ highlight { margin-right: 8px; margin-left: 8px; font-size: 24px; - color: #1793D1; + color: #1793d1; } .bt-body-box {