1
0
Fork 0

Tweak bar colors

This commit is contained in:
Avery 2024-12-10 16:54:46 +01:00
parent dc8fec6ce8
commit d9f0f4ad20
Signed by: Avery
GPG key ID: B684FD451B692E04
7 changed files with 36 additions and 33 deletions

View file

@ -10,7 +10,7 @@ export function ProcessorUsage() {
let level = (usage * 100).toFixed(0);
return `
background: linear-gradient(
90deg, rgba(26, 27, 38, 0.8) ${level}%, rgba(26, 27, 38, 0.4) ${level}%
90deg, rgba(0, 0, 0, 0.2) ${level}%, rgba(0, 0, 0, 0) ${level}%
)`;
}),
spacing: 2,
@ -39,7 +39,7 @@ export function MemoryUsage() {
let level = (usage * 100).toFixed(0);
return `
background: linear-gradient(
90deg, rgba(26, 27, 38, 0.8) ${level}%, rgba(26, 27, 38, 0.4) ${level}%
90deg, rgba(0, 0, 0, 0.2) ${level}%, rgba(0, 0, 0, 0) ${level}%
)`;
}),
spacing: 2,
@ -72,7 +72,7 @@ export const graphics_card_usage = Widget.Box({
var level = Number(usage).toFixed(0);
return `
background: linear-gradient(
90deg, rgba(26, 27, 38, 0.8) ${level}%, rgba(26, 27, 38, 0.4) ${level}%
90deg, rgba(0, 0, 0, 0.2) ${level}%, rgba(0, 0, 0, 0) ${level}%
)`;
}),
spacing: 2,
@ -100,12 +100,12 @@ export const volume_widget = Widget.Box({
if (level >= 0 && level <= 100) {
return `
background: linear-gradient(
90deg, rgba(26, 27, 38, 0.8) ${level}%, rgba(26, 27, 38, 0.4) ${level}%
90deg, rgba(0, 0, 0, 0.2) ${level}%, rgba(0, 0, 0, 0) ${level}%
);`;
} else if (level > 100 && level <= 200) {
return `
background: linear-gradient(
90deg, rgba(226, 27, 38, 0.4) ${level - 100}%, rgba(26, 27, 38, 0.8) ${level - 100}%
90deg, rgba(226, 27, 38, 0.4) ${level - 100}%, rgba(0, 0, 0, 0.2) ${level - 100}%
);`;
} else {
return "background: rgba(226, 27, 38, 0.4)";