Fake Text Message Generator

Appearance system: light, dark and black background

Most chat mockup tools treat “dark mode” as a CSS filter. A phone does not: the status bar flips its ink, the outgoing bubble keeps its accent colour but loses a little opacity, the incoming bubble switches to a warm graphite, and the wallpaper is multiplied down instead of being covered with white. Those four things happen together, and they are what makes a screenshot look like it came off a device rather than out of a web page.

Three appearances, not two

Light is the daytime look: near-white page, pale grey incoming bubbles, saturated blue outgoing bubbles, black status-bar ink. Dark keeps the blue but moves everything else toward black; the page background becomes #000000, incoming bubbles become #26252A and text becomes#FFFFFF. Black background is a third, separate look — it is the one people choose for meme images and story posts — where the wallpaper is dimmed further still and the interface sits on pure black. It is not an alias for dark mode: the bubble groups are the same colours, but the page behind them is #000000 with a dim value of 0.6 versus dark's0.35.

Wallpaper dimming

When a wallpaper is present, modern chat apps do not simply lower its brightness; they multiply a dark layer over it so highlights stay distinct. Our renderer stores this as a singlewallpaperDim value per theme. Light uses 0, dark uses0.35 and black uses 0.6. Because the multiplication is applied before bubbles are drawn, text and bubbles keep their own contrast while the backdrop recedes — which is exactly why screenshots taken in dark mode look flat but readable.

Bubble opacity in the dark

Dark-mode bubbles are slightly translucent. On a device this lets the wallpaper texture show through at a low level and stops large bubble groups from looking like stickers. We follow the same rule: bubble alpha is 1 in light, 0.95 in dark and0.9 on black, so a long thread of outgoing messages still reads as one column.

Status-bar ink

The status bar is the fastest tell. If the time and battery icons stay black on a dark background, the image is obviously fake. Our themes flip the ink from #000000 to#FFFFFF the moment the background goes dark, and the header uses its own background (rgba(255,255,255,0.92) in light, rgba(28,28,30,0.92) in dark) with a hairline border so the conversation below still separates.

Timestamps and receipts

In the platform this layout reproduces, timestamps sit below the bubble and read receipts are written out as a word rather than drawn as ticks. Both are drawn with the theme's muted ink, so they never compete with message text. The generic generator uses the same geometry for all three appearances; only the colours change.

What the generator does not change

Switching themes never changes the conversation. Line breaks, bubble widths, avatar size and the position of the header stay put, which is what lets you export the same thread three times and place the images side by side.

Full token reference

The table below is generated from the same data the renderer reads, so the numbers you see here are the numbers used to draw your image.