changed some colors

This commit is contained in:
pika 2024-09-04 17:23:57 +02:00
parent 1e95f6533f
commit 7d23f11911
2 changed files with 38 additions and 16 deletions

2
config
View file

@ -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

View file

@ -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 {