consti/dmc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

battery indicator optical tweak

Browse Source
This commit is contained in:
Constantin Leue
2026-08-04 14:48:07 +02:00
parent 98c4d7e270
commit f2f2953642
3 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/lib/ui/widgets/battery_indicator_bar.dart
+12 -12
View File
@@ -34,16 +34,17 @@ class BatteryIndicatorBar extends StatelessWidget {
static const _redZoneEndFraction = 0.20;
static const _amberZoneEndFraction = 0.30;
static const _barHeight = 10.0;
static const _barHeight = 6.0;
static const _pillHeight = 22.0;
static const _pillMinWidth = 46.0;
/// Durchsichtiger als der Fusszeilen-Hintergrund (0.72 in
/// MissionFooterBar) - der Balken liegt ueber diesem bereits halb-
/// opaken Hintergrund, ohne eigene zusaetzliche Abdunkelung waere er
/// also automatisch schon genauso transparent; dieser niedrige Wert
/// sorgt dafuer, dass er sogar noch etwas heller/durchsichtiger wirkt.
static const _trackAlpha = 0.12;
/// Weiss statt schwarz (Doku: "fuer den Indikator-Hintergrund weiss
/// benutzen, damit die Farben mehr zur Geltung kommen und leuchten") -
/// ein heller Hintergrund laesst die gesaettigten Rot/Orange/Gruen-Toene
/// der gefuellten Zonen im Kontrast kraeftiger wirken als der zuvor
/// dunkle, in dem sie eher verschwommen. Weiterhin transparenter als der
/// Fusszeilen-Hintergrund (0.72 in MissionFooterBar).
static const _trackAlpha = 0.35;
static const _fillAlpha = 0.55;
static const _pillNeutralAlpha = 0.55;
static const _pillWarningAlpha = 0.8;
@@ -96,16 +97,15 @@ class BatteryIndicatorBar extends StatelessWidget {
return Stack(
clipBehavior: Clip.none,
children: [
// Transparenter Hintergrund fuer den ungefuellten Rest (Doku:
// "Transparenz des Hintergrunds hoeher machen als in der
// Fusszeile") - nur der dunkle Fusszeilen-Hintergrund scheint
// durch.
// Weisser, transparenter Hintergrund fuer den ungefuellten
// Rest (Doku: "weiss benutzen, damit die Farben mehr zur
// Geltung kommen und leuchten").
Positioned(
left: 0,
right: 0,
top: (_pillHeight - _barHeight) / 2,
height: _barHeight,
child: ColoredBox(color: Colors.black.withValues(alpha: _trackAlpha)),
child: ColoredBox(color: Colors.white.withValues(alpha: _trackAlpha)),
),
Positioned(
left: 0,