Themes
Change InstaCalc's colors and typography.
InstaCalc ships with dozens of built-in themes. Each one changes the colors, fonts, and chrome across the whole app.
Open the theme picker from the bottom-right dock (desktop) or the bottom nav (mobile). Changes apply instantly.
Browse the themes
Every built-in theme, painted in its own colors and typeface. Filter by light or dark, and open any one live.
Warm light theme with soft cornflower blue accents
?theme=daylight Preview live ↗Cozy warm taupe with terracotta accents.
?theme=warm Preview live ↗Dark slate canvas with rose accents and clarity.
?theme=night Preview live ↗Soft sunrise glow with warm pink and peach tones.
?theme=morning Preview live ↗Retro terminal noir with amber headline strokes.
?theme=1984 Preview live ↗Clean Nordic design with frost-inspired colors
?theme=nordic Preview live ↗Vintage vibe with warm pink tones and serif fonts
?theme=retro Preview live ↗Dark and gritty with muted tones and a rugged feel
?theme=grunge Preview live ↗Raw, high-contrast, hard-edged aesthetic.
?theme=brutalist Preview live ↗Soft and pastel with a playful and friendly vibe
?theme=cute Preview live ↗Neutral white surfaces for embedded calcs — fits any light host page. Embedders override with ?theme= URL param.
?theme=embed Preview live ↗Deep blue night with vibrant syntax highlighting
?theme=omarchy-tokyo Preview live ↗Soothing pastel theme for the high-spirited
?theme=omarchy-catppuccin Preview live ↗Retro groove with warm, earthy tones
?theme=omarchy-gruvbox Preview live ↗All natural pine, faux fur and a bit of soho vibes
?theme=omarchy-rose-pine Preview live ↗Arctic, north-bluish color palette
?theme=omarchy-nord Preview live ↗Light and creamy catppuccin variant
?theme=omarchy-latte Preview live ↗Comfortable green forest theme for your eyes
?theme=omarchy-everforest Preview live ↗Inky theme with organic warmth
?theme=omarchy-flexoki Preview live ↗Inspired by the Great Wave off Kanagawa
?theme=omarchy-kanagawa Preview live ↗Soft matte colors with subtle contrast
?theme=omarchy-matte Preview live ↗Calm and balanced Japanese-inspired theme
?theme=omarchy-osaka Preview live ↗Warm, coffee-inspired tones with a retro feel
?theme=omarchy-ristretto Preview live ↗What the panel shows
- The main set — the core themes, with Morning, Daylight, and Night first, then the rest (including distinctive looks like Brutalist and 1984 Terminal) alphabetically
- Even more themes — an expandable section with additional palette variants
Where it applies
The theme is a personal preference. It’s saved in your browser and applies everywhere you go on the site — your calcs, the gallery, explore.
When you share a calc with someone, they see it in their own theme, not yours.
Embedding a themed calc
Any built-in theme can be applied to an embed via the ?theme=<name> query parameter on the canonical /embed/<id> URL. Drop the URL into an iframe on your own site and InstaCalc renders a fully-themed calculator — colors, fonts, and chrome baked in.
The same BMI calculator, four ways:
/bmi-calculator/embed?theme=daylight /bmi-calculator/embed?theme=night /bmi-calculator/embed?theme=brutalist /bmi-calculator/embed?theme=1984 Swap bmi-calculator for any gallery slug (or shortid) and daylight for any built-in theme name (warm, morning, nordic, retro, grunge, cute, …). The theme- prefix is added automatically.
Custom themes
You can build your own. The theme panel has a Custom Colors option that opens a color picker for every surface — page, card, and row backgrounds, text, accent, borders, and the result/comment colors. Pick what you want, save, and InstaCalc uses your custom theme everywhere.
You can also use a custom font on top of any theme — built-in or your own.