agy-powerline 1.9.1 → 1.9.2

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.9.2] - 2026-10-28
+
+### Fixed
+
+- Pills' meter dots stand out on every pill: filled dots take the pill's text color and empty ones a fainter shade of it, at 3:1 contrast or more, where light dots used to fade on the bright pills of dark themes and dark dots on the deep pills of light themes (#168)
+
 ## [1.9.1] - 2026-10-28
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agy-powerline",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "agy statusline for Google Antigravity CLI: live Gemini, Claude/GPT and Argon quota pacing, git, themes and an interactive TUI configurator",
   "bin": {
     "agy-powerline": "src/index.js"

package/src/lib/colors.js

@@ -303,12 +303,17 @@ function readableText(background, preferred, fallbacks) {
 }
 
 // The color moved toward white (on a dark background) or black (on a light
-// one) just far enough to reach the minimum contrast.
-function withContrast(color, background, min = MIN_CONTRAST) {
+// one), or toward the given target, just far enough to reach the minimum
+// contrast.
+function withContrast(
+  color,
+  background,
+  min = MIN_CONTRAST,
+  target = luminance(background) < 0.5 ? [255, 255, 255] : [0, 0, 0]
+) {
   if (contrastRatio(color, background) >= min) {
     return color;
   }
-  const target = luminance(background) < 0.5 ? [255, 255, 255] : [0, 0, 0];
   for (let step = 1; step <= 20; step++) {
     const moved = mix(color, target, step / 20);
     if (contrastRatio(moved, background) >= min) {

package/src/lib/layouts/pills.js

@@ -17,6 +17,7 @@ const {
   getActiveDepth,
   gradientColors,
   readableText,
+  withContrast,
 } = require("../colors");
 const { gradientStops } = require("../themes");
 const { pickGlyph, glyphChar } = require("../powerline");
@@ -79,7 +80,8 @@ function fillMeter(pct, width, fillColor, emptyColor, segmentColor, pace = {}) {
   // pips, the default, needs a Unicode font: ASCII mode keeps the cells.
   const pips = pace.style === "pips";
   if (pips && !pace.ascii && getActiveDepth() !== "none") {
-    return pipMeter(used, marker, width, fillColor, emptyColor) + bg(segmentColor);
+    const track = withContrast(segmentColor, segmentColor, PIP_CONTRAST, pace.textColor);
+    return pipMeter(used, marker, width, pace.textColor, track) + bg(segmentColor);
   }
   if (METER_STYLES[pace.style] && !(pips && pace.ascii)) {
     return glyphMeter(used, marker, width, METER_STYLES[pace.style], pace);
@@ -101,9 +103,14 @@ function fillMeter(pct, width, fillColor, emptyColor, segmentColor, pace = {}) {
   return meter + bg(segmentColor);
 }
 
-// Small dots on the pill's own color: the filled ones in the light fill color,
-// the rest in the dark track color, the same pair cells use. The pace marker
-// is a larger dot in the other color, so nothing in the meter is a line.
+// Small dots on the pill's own color: the filled ones in the pill's text color,
+// the rest in the pill's color moved toward it until they reach 3:1 (WCAG's
+// minimum for graphics). A light fill and a dark track can't both stand out
+// on every pill: on a bright one the light dots fade, on a deep one the dark
+// ones do. The pace marker is a larger dot in the other color, so nothing in
+// the meter is a line.
+const PIP_CONTRAST = 3;
+
 function pipMeter(used, marker, width, fillColor, emptyColor) {
   let meter = "";
   let color = null;