Another Day of Rejections

Yesterday, I tried many things to make the focus slot more noticeable — and deleted almost all of them. Today I picked up where I left off. And deleted most of those too.

What got deleted today

1. Background color PRIMARY50

Tint the focused item with a very light blue — subtle enough not to feel loud, but enough to be distinguishable. Added and removed twice.

“Let’s revert the background color.”

2. Border pulse (color interpolation)

Removed the shadow and made the border color oscillate between PRIMARY300 ↔ PRIMARY600 smoothly using interpolateColor.

“I misspoke. Not a border pulse — more like Glow + Pulse.”

3. Glow + Pulse (shadow-based)

The outer shadow breathed — shadowOpacity 0.25 ↔ 0.80, shadowRadius 6 ↔ 18, over a 2.4-second cycle. Soft halo fading in and out.

“Shadows look messy.”

4. Outer ring pulse (opacity only)

Replaced the shadow with an additional ring outside the border. Fixed size, only opacity animated between 0.2 ↔ 0.9 on a cycle.

5. Outer ring pulse (growing and shrinking)

Added scale 1.0 ↔ 1.06 to the ring — so it breathed in and out in size as well.

“That’s not what I want. Let’s revert the Glow + Pulse.”

6. Halo (from a detailed spec)

Received a detailed external spec and implemented it properly. Ring thickness pulses from 2px ↔ 6px, color alpha goes 25% ↔ 10%, opacity 0.55 ↔ 1.0, 2.4-second cycle. Even handled AccessibilityInfo.isReduceMotionEnabled for reduced motion.

“Remove the halo too.”

7. More saturated halo

Pushed the alpha higher on the same halo — 25% → 50%, 10% → 25%. Slightly more assertive.

Gone along with #6.

8. Chip style around the star icon

On the focused item, the sparkle star was wrapped in a 24×24 light-blue chip background, with a 13×13 star inside. Point color kept. Added and removed multiple times.

“Drop the chip.”

9. Chip background darker

Bumped PRIMARY50 → PRIMARY100 briefly. Removed along with the chip.

10. Background color, again

Applied PRIMARY50 directly to the item background — a second attempt at what was rejected earlier in the same session.

“Let’s drop the background color for now.”

11. One-shot ring ripple

Instead of a continuous animation, I went for a “kick-off” moment — when the task became focused, a ring expanded outward from the card and faded away in 750ms using easeOutCubic. Once. Fully transparent afterward.

“Doesn’t really do much.”

12. 10% larger star

When focused, the star grew from 14 → 15.4. Modest emphasis.

“Leave it alone.”

What survived

A single-line change: border color PRIMARY300 → PRIMARY500.

That’s it.

---

Worked hard today, too.