Monochrome to-do list widget

What a monochrome to-do list widget shows

A to-do widget works when it is short. Three tasks, a clear title and a box to tap are enough; a long list belongs in an app.

WidgetCraft stores local tasks on the phone, which is a free source and needs no account or permission. Tapping a row can tick the task from the home screen.

How the monochrome style shapes it

Monochrome widgets use no color at all. Black, white and two greys create the hierarchy, which makes any wallpaper work and gives the home screen a consistent, graphic look.

• Lists: Finished rows turn grey with a strikethrough; open rows stay black.
• Text: Use weight instead of color: bold for the value, regular grey for the label.

Monochrome to-do list widget recipe

Monochrome color palette

• White #FFFFFFBackground
• Light grey #EDEDEDSurface and tracks
• Black #0E0E0EText
• Mid grey #7D7D7DLabels
• Black #0E0E0EAccent

How to make a monochrome to-do list widget in WidgetCraft

1. Create a widget and open Canvas. Set the size to 360 × 200, the background to #FFFFFF and the corner radius to 16.
2. Add a Text layer for the title "Today" at size 22 in #0E0E0E.
3. Tap Add and choose List. In Data, choose your local task list and limit it to three rows.
4. Set the row text to size 16 in #0E0E0E and the checkbox to 18 × 18 with radius 4.
5. Style finished rows in #7D7D7D and set the tick color to #0E0E0E. In Tap, set a row tap to tick the task.
6. Tap Save, then Add to home screen and resize the widget on your launcher if needed.

Everything in this recipe works in the free version.

Tips for monochrome to-do list widgets

• Check that black and white swap cleanly if you make a dark version.
• Use two greys at most.
• Limit the list to three or four rows so each stays easy to tap.
• Make finished tasks visibly different: grey text and a strikethrough.
• Tap targets on a widget should be at least 48 dp high.
• Do not add a colored accent; it breaks the effect.
• Do not use low-contrast grey on grey for values.

Questions about the monochrome to-do list widget

What size is a monochrome to-do list widget?

It is designed for 4 × 2 home screen cells on a 360 × 200 canvas. You can resize it on the launcher and the design scales in proportion.

Which colors does it use?

White (#FFFFFF) for the background, Black (#0E0E0E) for the main text, Mid grey (#7D7D7D) for labels and Black (#0E0E0E) as the accent.

Is it free to make?

Yes. To-do list widgets use free features in WidgetCraft, and the monochrome styling is free too.

What else is this style called?

People also search for black and white to-do list widget, greyscale to-do list widget, b&w to-do list widget. They describe the same look as this monochrome to-do list widget.

More monochrome widgets

• Monochrome clock widget
• Monochrome analog clock widget
• Monochrome calendar widget
• Monochrome battery widget
• Monochrome countdown widget
• Monochrome photo widget
• Monochrome quote widget
• Monochrome music widget
• Monochrome year progress widget
• Monochrome step counter widget
• Monochrome habit tracker widget
• Monochrome sticky note widget
• Monochrome world clock widget
• Monochrome date widget
• Monochrome home screen setup
• All monochrome widgets

To-do list widgets in other styles

• Minimal to-do list widget
• Dark to-do list widget
• E-ink to-do list widget
• All to-do list widgets