| 1 |
|
| 2 |
* Alloy swayosd style |
| 3 |
* |
| 4 |
* OSD overlay for volume, brightness, caps-lock, num-lock. Alloy light-mode |
| 5 |
* palette; docs/TOKENS.md is source of truth. |
| 6 |
* |
| 7 |
* swayosd renders in GTK; standard CSS applies. Palette is inlined here |
| 8 |
* because CSS variables inside GTK 4 stylesheets have quirks with |
| 9 |
* osd/window inheritance — verbose but reliable. |
| 10 |
|
| 11 |
|
| 12 |
window#osd { |
| 13 |
background-color: #ede7de; |
| 14 |
color: #1a1816; |
| 15 |
border: 1px solid #cabeae; |
| 16 |
border-radius: 4px; |
| 17 |
padding: 10px 14px; |
| 18 |
box-shadow: 0 2px 6px rgba(48, 44, 34, 0.08); |
| 19 |
} |
| 20 |
|
| 21 |
image, label { |
| 22 |
color: #1a1816; |
| 23 |
} |
| 24 |
|
| 25 |
label.title { |
| 26 |
color: #222d38; |
| 27 |
font-weight: bold; |
| 28 |
} |
| 29 |
|
| 30 |
progressbar { |
| 31 |
min-height: 4px; |
| 32 |
background: transparent; |
| 33 |
border: none; |
| 34 |
} |
| 35 |
|
| 36 |
progressbar > trough { |
| 37 |
background: #dad2c7; |
| 38 |
border: none; |
| 39 |
border-radius: 2px; |
| 40 |
min-height: 4px; |
| 41 |
} |
| 42 |
|
| 43 |
progressbar > trough > progress { |
| 44 |
background: #b07840; |
| 45 |
border: none; |
| 46 |
border-radius: 2px; |
| 47 |
min-height: 4px; |
| 48 |
} |
| 49 |
|
| 50 |
|
| 51 |
window#osd.mode { |
| 52 |
background-color: #ede7de; |
| 53 |
color: #1a1816; |
| 54 |
} |
| 55 |
|