WidgetCraftGet the appDark · Home screen setup
Dark home screen setup
Dark widgets sit on pure black so they merge with an AMOLED wallpaper. White text, one bright accent and very little else: sharp to read and easy on the battery of an OLED display. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.
The three dark widgets
- Dark clock widget (4 × 2): shows the time in large numerals with the day and date beneath.
- Dark battery widget (2 × 2): shows your charge level as a ring with the percentage in the middle.
- Dark music widget (4 × 2): shows the song that is playing with play, pause and skip controls.
Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.
Clock widget settings
A digital clock is the widget most people place first. It needs to be readable from arm's length, so the time takes most of the space and the date sits quietly below it.
- Canvas: 360 × 180, background #000000, corner radius 24
- Layout: split: the time on the left at size 64, a thin divider at x 236, and the weekday and date stacked in a column on the right
- Text or Date: weekday, built-in Sans, size 12, color #8C8C8C
- Numbers: Let the number glow in white against black and keep it medium weight.
Free to build. Full recipe and steps.
Battery widget settings
A battery widget turns one number into a shape you can read without thinking. A ring that fills clockwise is the clearest form, with the percentage inside it.
- Canvas: 200 × 200, background #000000, corner radius 24
- Ring: diameter 120, stroke 5, track #8C8C8C at 28% opacity, progress #3B9EFF, round ends, start at top
- Battery: level as a number, built-in Sans, size 44, color #FAFAFA, centered in the ring
- Bars and rings: Draw the track in dark grey and only the filled part in the accent color.
Free to build. Full recipe and steps.
Music player widget settings
A now-playing widget shows cover art, the track and artist, a progress line and three controls. It works with whichever app is playing, not one particular service.
- Canvas: 360 × 180, background #000000, corner radius 24
- Image: cover art 140 × 140, radius 14, connected to media artwork
- Text: track title, built-in Sans, size 20, color #FAFAFA, one line
- Photos: Darken photos slightly so their brightest area does not overpower the text.
Styling is free; the live data needs Pro. Full recipe and steps.
How to set up a dark home screen
- Set the wallpaper first, so you can judge every color against it.
- Build the clock widget and add it to the home screen at 4 × 2.
- Duplicate its canvas settings for the battery and music widgets so the background, radius and outline match exactly.
- Place all three, then adjust margins until the left edges line up.
- Change the icons last, and remove any app you do not use daily from the page.
Dark wallpaper ideas
Pure black or a very dark photo. On OLED phones black pixels are off, which saves a little power.
Dark icons and dock
White glyph or outline icons; dark themed icons on Android 13 and later also work.
Dark home screen colors
- True black
#000000Background - Graphite
#141414Surface and tracks - White
#FAFAFAText - Ash
#8C8C8CLabels - Electric blue
#3B9EFFAccent
Fonts for a dark home screen
Use built-in Sans at weight 500. Corner radius is 24 on every widget so the shapes match.
Do and avoid
- Use #000000 so the widget disappears into a black wallpaper.
- Keep one accent color for the whole screen.
- Do not use pure white for long text; off-white is easier to read.
- Do not add borders around black widgets on a black wallpaper.