changed some colors
This commit is contained in:
parent
1e95f6533f
commit
7d23f11911
2 changed files with 38 additions and 16 deletions
2
config
2
config
|
@ -49,7 +49,7 @@ LockCommand: ~/.config/scripts/sys.sh lock
|
||||||
ExitCommand: killall Hyprland
|
ExitCommand: killall Hyprland
|
||||||
|
|
||||||
# The folder, where the battery sensors reside
|
# 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
|
# Threshold, when the battery is considered low and a different color (as specified by the 'battery-warning' CSS property) is applied
|
||||||
BatteryWarnThreshold: 20
|
BatteryWarnThreshold: 20
|
||||||
|
|
52
style.css
52
style.css
|
@ -10,10 +10,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
menu {
|
menu {
|
||||||
padding: 8px 8px 8px 8px;
|
padding: 0px 8px 8px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar, tooltip {
|
.bar,
|
||||||
|
tooltip {
|
||||||
background-color: #282a36;
|
background-color: #282a36;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
margin: 2px 1rem 0;
|
margin: 2px 1rem 0;
|
||||||
|
@ -61,7 +62,7 @@ menu {
|
||||||
}
|
}
|
||||||
|
|
||||||
trough {
|
trough {
|
||||||
border-radius: 3px;
|
border-radius: 0px;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: none;
|
border-style: none;
|
||||||
background-color: #44475a;
|
background-color: #44475a;
|
||||||
|
@ -133,22 +134,22 @@ highlight {
|
||||||
|
|
||||||
.bt-num {
|
.bt-num {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #1793D1;
|
color: #1793d1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bt-label-on {
|
.bt-label-on {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #1793D1;
|
color: #1793d1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bt-label-off {
|
.bt-label-off {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
color: #1793D1;
|
color: #1793d1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bt-label-connected {
|
.bt-label-connected {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: #1793D1;
|
color: #1793d1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disk-widget * {
|
.disk-widget * {
|
||||||
|
@ -197,16 +198,17 @@ highlight {
|
||||||
}
|
}
|
||||||
|
|
||||||
.battery-widget * {
|
.battery-widget * {
|
||||||
color: #ff79c6;
|
color: #24d05e;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.battery-util-progress {
|
.battery-util-progress {
|
||||||
background-color: #44475a;
|
/* background-color: #44475a; */
|
||||||
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.battery-charging {
|
.battery-charging {
|
||||||
color: #ffb86c;
|
color: #8c12b1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.battery-warning {
|
.battery-warning {
|
||||||
|
@ -293,18 +295,38 @@ highlight {
|
||||||
|
|
||||||
@keyframes connectanim {
|
@keyframes connectanim {
|
||||||
from {
|
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 {
|
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 {
|
@keyframes disconnectanim {
|
||||||
from {
|
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 {
|
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 {
|
@keyframes scanonanim {
|
||||||
|
@ -333,7 +355,7 @@ highlight {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
color: #1793D1;
|
color: #1793d1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bt-body-box {
|
.bt-body-box {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue