albert/shepherd-launcher
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix HUD colors

Browse source
This commit is contained in:
Albert Armea 2025-12-28 08:51:14 -05:00
parent 45a624bd2e
commit e58cb05025
1 changed files with 25 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
crates/shepherd-hud/src/app.rs
View file

@ -358,8 +358,19 @@ fn build_hud_content(state: SharedState) -> gtk4::Box {
fn load_css() { fn load_css() {
let css = r#" let css = r#"
:root {
--hud-bg: rgba(30, 30, 30, 0.95);
--text-primary: white;
--text-secondary: #d8dee9;
--color-info: #88c0d0;
--color-warning: #ebcb8b;
--color-critical: #ff6b6b;
--color-success: #a3be8c;
--hover-bg: rgba(255, 255, 255, 0.1);
}
.hud-bar { .hud-bar {
background-color: rgba(30, 30, 30, 0.95); background-color: var(--hud-bg);
border: none; border: none;
margin: 0; margin: 0;
padding: 6px 12px; padding: 6px 12px;
@ -368,21 +379,21 @@ fn load_css() {
.app-name { .app-name {
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
color: white; color: var(--text-primary);
} }
.time-display { .time-display {
font-family: monospace; font-family: monospace;
font-size: 14px; font-size: 14px;
color: #88c0d0; color: var(--color-info);
} }
.time-display.time-warning { .time-display.time-warning {
color: #ebcb8b; color: var(--color-warning);
} }
.time-display.time-critical { .time-display.time-critical {
color: #bf616a; color: var(--color-critical);
animation: blink 1s infinite; animation: blink 1s infinite;
} }
@ -397,21 +408,26 @@ fn load_css() {
} }
.warning-text { .warning-text {
color: #ebcb8b; color: var(--color-warning);
font-weight: bold; font-weight: bold;
} }
image {
color: var(--text-primary);
}
.indicator-button, .indicator-button,
.control-button { .control-button {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
padding: 4px; padding: 4px;
border-radius: 4px; border-radius: 4px;
color: var(--text-primary);
} }
.indicator-button:hover, .indicator-button:hover,
.control-button:hover { .control-button:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: var(--hover-bg);
} }
.close-button { .close-button {
@ -419,7 +435,7 @@ fn load_css() {
min-height: 32px; min-height: 32px;
padding: 4px; padding: 4px;
border-radius: 4px; border-radius: 4px;
color: #bf616a; color: var(--color-critical);
} }
.close-button:hover { .close-button:hover {
@ -428,7 +444,7 @@ fn load_css() {
.battery-label { .battery-label {
font-size: 12px; font-size: 12px;
color: #a3be8c; color: var(--text-primary);
} }
"#; "#;