WidgetCraftGet the appYellow · To-do list · 4 × 2 widget
Yellow to-do list widget
A yellow to-do list widget keeps today's tasks on your home screen with boxes you can tick. Sunny yellow with dark text for a cheerful screen. This page gives the exact colors, type settings and layers, with a preview drawn from the same values.
What a yellow 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 yellow style shapes it
Yellow widgets are bright and optimistic. Yellow is light, so this recipe uses near-black text and a warm orange accent to stay readable.
- Lists: Dark outline checkboxes.
- Text: Use very dark text; white disappears on yellow.
Yellow to-do list widget recipe
| Layer | Settings |
|---|---|
| Canvas | 360 × 200, background #FFE66D, corner radius 22 |
| Text | title "Today", built-in Sans, size 22, color #2B2400 |
| Text | count such as "1 of 3", size 12, color #7A6A1F, right aligned |
| List | local tasks, 3 rows, row height 38, text size 16 in #2B2400 |
| Checkbox | 18 × 18, radius 4, outline #7A6A1F; done state filled #FF7A00 |
| Done rows | text #7A6A1F with strikethrough |
| Font | built-in Sans |
| Home screen size | 4 × 2 cells |
Yellow color palette
- Lemon
#FFE66DBackground - Sun
#FFD43BSurface and tracks - Dark olive
#2B2400Text - Mustard grey
#7A6A1FLabels - Orange
#FF7A00Accent
How to make a yellow to-do list widget in WidgetCraft
- Create a widget and open Canvas. Set the size to 360 × 200, the background to #FFE66D and the corner radius to 22.
- Add a Text layer for the title "Today" at size 22 in #2B2400.
- Tap Add and choose List. In Data, choose your local task list and limit it to three rows.
- Set the row text to size 16 in #2B2400 and the checkbox to 18 × 18 with radius 4.
- Style finished rows in #7A6A1F and set the tick color to #FF7A00. In Tap, set a row tap to tick the task.
- 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 yellow to-do list widgets
- Always use dark text on yellow.
- Use orange as the accent.
- 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 use white text.
- Do not combine with other bright colors.
Questions about the yellow to-do list widget
What size is a yellow 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?
Lemon (#FFE66D) for the background, Dark olive (#2B2400) for the main text, Mustard grey (#7A6A1F) for labels and Orange (#FF7A00) as the accent.
Is it free to make?
Yes. To-do list widgets use free features in WidgetCraft, and the yellow styling is free too.
What else is this style called?
People also search for yellow aesthetic to-do list widget, sunny to-do list widget, mustard to-do list widget. They describe the same look as this yellow to-do list widget.
More yellow widgets
- Yellow clock widget
- Yellow analog clock widget
- Yellow calendar widget
- Yellow battery widget
- Yellow countdown widget
- Yellow photo widget
- Yellow quote widget
- Yellow music widget
- Yellow year progress widget
- Yellow step counter widget
- Yellow habit tracker widget
- Yellow sticky note widget
- Yellow world clock widget
- Yellow date widget
- Yellow home screen setup
- All yellow widgets