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

View file

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