Guide · Conditional styling
Conditional styling colors each day in your grid by the number you logged. A light day looks different from a big one, so you can read a whole row without stopping on every cell. This page shows how to set it up, with a few setups you can copy.
The idea
On its own, a week of step counts is a row you have to read one cell at a time. Add a few color bands and the same week turns into something you take in at once. Here is the same Steps habit, before and after.
Setup
Open any number or time habit and go to its edit screen. Conditional styling is there for numeric and time habits. Yes/no and select habits get their color a different way.
Flip the switch. Habit Pocket fills in a few starter bands so you can see the shape straight away.
A band is a color plus an upper limit. A day takes the color of the first band its value fits under, and the bottom band is left open for everything above. Change the colors, type your own cut-offs, add or drop rows until it matches how you think about the habit.
The preview bar shows every band and its range before you commit. Save, and the grid repaints every day you have logged, past and future.
The preview bar, for the Steps bands above
Examples
Every cell below is painted with the real band colors. Read the grid first, then the breakdown underneath explains the bands on each row.
01 · Steps
A single target hides too much here. 4,000 and 9,000 both count as 'under 10k', but they were not the same day. Bands split the range, so a slow Sunday and a long walk end up different colors.
Bands
Best for numbers where the range matters more than a pass-or-fail line. Steps, active minutes, calories.
02 · Reading
A red day is not a bad day, it is a light one. What you are watching for is the pattern over a few weeks: the stretches you actually read, and the ones that dropped to a page before sleep. A day you never logged stays blank, so it does not get mistaken for a day you read nothing.
Bands
Best for counts where more is better and you care about effort, not just the streak.
03 · Water
Small numbers work the same. With a target of eight, three bands below it make it plain when you coasted through a day on two glasses instead of keeping up.
Bands
Best for low daily counts. Water, servings of veg, sets, chapters.
04 · Wake-up time
Time habits get colored too, and here earlier is greener. The cut-offs are clock times, so anything before 6:30 goes green and past 7:30 turns red. A month of wake-ups stops being a wall of 6:12 / 7:48 and starts showing how steady your mornings really are.
Bands
Best for wake-up, bedtime, first coffee, gym check-in. Anything you track by the clock.
05 · Screen time
Colors carry no built-in meaning, you set the direction. For screen time you want the low numbers green and the high ones red, the opposite of steps. Same feature, pointed the other way.
Bands
Best for anything you want to bring down. Screen time, cigarettes, sugar, spend.
Good to know
You can add more, but the grid only stays readable while each color still means something. Ten near-identical shades turn back into noise.
A value takes the first band it fits under. So with "< 5,000" then "5,000 to 7,000", the number 5,000 itself sits in the second band. The last band has no upper limit and catches everything above it.
Color only shows on days you logged a value. An empty day stays empty, so a zero still looks different from a day you skipped tracking.
For time habits, an 11pm bedtime and a 12:30am slip read as the same evening, not opposite ends of the day. So "before 23:00 green, after red" does the right thing with a 00:15 night.
No credit card. Pick five habits. Come back in a month.