New backup 2025-09-04 10:42:19

This commit is contained in:
Penelope Gwen 2025-09-04 10:42:19 -07:00
parent 7b387bdbc3
commit d42a601658
5 changed files with 16 additions and 8 deletions

View file

@ -5,7 +5,8 @@
:revealvar reveal_battery :revealvar reveal_battery
:revealvar-name "reveal_battery" :revealvar-name "reveal_battery"
(label (label
:class "revealer-preview {(EWW_BATTERY == '' || jq(EWW_BATTERY,'.[].status?','r') == 'Charging') ? 'active' : '' }" :class "revealer-preview ${(EWW_BATTERY == '' || jq(EWW_BATTERY,'.[].status?','r') == 'Charging') ? 'active' : '' }"
; :class "revealer-preview ${(EWW_BATTERY == '' || jq(EWW_BATTERY,'.[].status?','r') == 'Charging') ? 'active' : 'inactive' }"
; :tooltip "${jq(EWW_BATTERY,'.[].capacity?')}%" ; :tooltip "${jq(EWW_BATTERY,'.[].capacity?')}%"
; {(EWW_BATTERY == "") ? "" : `${(jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " ${jq(EWW_BATTERY,'.[].capacity?')}%" : " ${jq(EWW_BATTERY,'.[].capacity?')}%"}`}) ; {(EWW_BATTERY == "") ? "" : `${(jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " ${jq(EWW_BATTERY,'.[].capacity?')}%" : " ${jq(EWW_BATTERY,'.[].capacity?')}%"}`})
:text `${(EWW_BATTERY == "" || jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " " : "󰁹 "}${(EWW_BATTERY == "") ? "" : "${round(jq(EWW_BATTERY,'.[].capacity?'),0)}%"}`) :text `${(EWW_BATTERY == "" || jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " " : "󰁹 "}${(EWW_BATTERY == "") ? "" : "${round(jq(EWW_BATTERY,'.[].capacity?'),0)}%"}`)

View file

@ -90,7 +90,7 @@ $transition-time: 0.3s;
@import "./bar/volume.scss"; @import "./bar/volume.scss";
@import "./bar/networking.scss"; @import "./bar/networking.scss";
@import "./bar/bluetooth.scss"; @import "./bar/bluetooth.scss";
@import "./bar/power.scss"; // @import "./bar/battery.scss";
// @import "./bar/disk.scss"; // @import "./bar/disk.scss";
// @import "./bar/memory.scss"; // @import "./bar/memory.scss";
@import "./bar/sys.scss"; @import "./bar/sys.scss";

View file

@ -0,0 +1,6 @@
.battery {
margin: 0px 5px;
$module-color: $color3;
// $module-color: mix($color9, $color0, 75%);
@import "./styles/revealer.scss";
}

View file

@ -11,17 +11,18 @@
// background: linear-gradient($bar-bg-color 65%, $module-color); // background: linear-gradient($bar-bg-color 65%, $module-color);
background-color: rgba($bar-bg-color,0.5); background-color: rgba($bar-bg-color,0.5);
&.active { &.active {
// background-color: rgba($module-color,0.5); background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5),25%);
background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5));
&:hover { &:hover {
background: mix(rgba($bar-bg-color,0.75), rgba($module-color,0.75)); background: linear-gradient(mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5)) 15%, rgba($bar-bg-color,0.5));
// background: mix(rgba($bar-bg-color,0.75), rgba($module-color,0.75));
} }
} }
&.inactive { &.inactive {
background-color: rgba($bar-bg-color,0.5); background-color: rgba($bar-bg-color,0.3);
color: rgba($bar-fg-color,0.5); color: rgba($bar-fg-color,0.5);
&:hover { &:hover {
background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5)); background: linear-gradient(rgba($bar-bg-color,0.3) 15%, rgba($module-color,0.3));
// background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5));
} }
} }
/* &:hover { /* &:hover {

View file

@ -10,6 +10,6 @@
} }
.battery { .battery {
margin: 0px 5px; margin: 0px 5px;
$module-color: mix($color0,$color2,25%); $module-color: mix($color0,$color3,20%);
@import "./styles/revealer.scss" @import "./styles/revealer.scss"
} }