Tessera

Tessera

Give Claude Code a readable visual room with 25 open-source themes

Open Source

Gallery

About Tessera

Tessera is a free collection of 25 themes for the Claude Code desktop and mobile apps. It changes the colors, code highlighting, background scene, working indicator language, and optional sounds around a Code session, giving people a more personal place to spend long stretches of development work. Each theme is presented as a room with its own visual and audio character rather than a simple palette swap. The key behavior is tied to the work itself. A scene can move while Claude is processing, then become still when the answer arrives, so the interface has energy during the wait without continuing to compete with the text while someone reads.

The collection is organized into three groups. Essentials offers clean defaults and familiar palette directions, including graphite, deep purple, indigo, warm earth colors, pastel tones, and high contrast. Bold themes lean into stronger ideas such as neon circuits, concrete slabs, primary shapes, an old green screen, a blueprint, or gold ornament. Places turns the background into a softer scene, with rain on a window, northern lights, deep water, a night sky, evening light, a hearth, misty woods, a writing room, a greenhouse, and spring flowers. The gallery also points users of well-known themes toward close starting matches, which makes choosing among 25 options less arbitrary.

Most rooms combine a palette with edge or corner artwork and restrained animation. The center of the conversation stays quiet so text has a stable surface. Motion is connected to Claude's working state and stops when the response is ready. People who prefer a completely static interface can disable motion with a command, then turn it back on later, while the operating system's reduced-motion setting also stops every scene. Tessera offers three sound levels. Quiet disables sound, the default setting plays a soft chime only after a turn lasting at least 20 seconds, and the optional music mode plays a theme-specific ambient loop while Claude works, then stops it when the answer arrives.

Installation uses the btahir/tessera plugin marketplace. One Tessera plugin contains the entire set, so users can add it once and change rooms by entering the Tessera command with a theme name. The current choice persists between sessions, and the command without a name lists the available themes and identifies the active one. Someone who wants only a single room can install that theme as its own plugin and use the room's own command instead. The same controls are available for stopping motion, restoring movement, choosing the completion chime, enabling the ambient bed, or making the experience silent.

Readability is treated as a measurable design requirement rather than an assumption. Every theme declares a contrast level, and the repository documents different ranges for calm, standard, and stark rooms. Muted interface text such as tool summaries and timestamps must maintain at least a four and a half to one contrast ratio across the brightest and darkest points of a scene at several moments in its animation. Main text uses higher floors. Artwork is kept away from the reading column, accents are checked for separation, and sound has an explicit purpose instead of playing after every small action. Each room still has room for its own illustration style, accent intensity, spinner words, chime, and loop within those shared constraints.

Tessera is for developers who like visual customization but do not want it to undermine legibility. It can make a familiar palette such as Dracula, Gruvbox, Nord, Solarized, Catppuccin, or Monokai feel at home around Claude Code, or give separate sessions a noticeably different atmosphere. The themes appear in supported Claude Code desktop and mobile clients, but the terminal keeps its own colors. Sound currently plays only on macOS. A theme also cannot replace the app's fonts, rearrange its layout, or change permission prompts, so this is focused visual and ambient customization rather than a full interface skin.

The project is open source under the MIT License and does not charge for the themes. Its repository includes the theme definitions, shared runtime, generated plugins, gallery, design rules, and scripts used to check, capture, package, and build the collection. Each theme is made from a definition, palette, SVG scene, chime, and optional ambient loop, and contributions are welcome when they pass the documented checks. Tessera is independent and not affiliated with Anthropic. ShipTiffin sponsors the project and hosts the gallery, but Tessera itself is the public product at the assigned site.

Key Features

  • Twenty-five distinct visual themes
  • Desktop and mobile theme support
  • Work-state reactive animated scenes
  • Persistent theme and motion controls
  • Optional chimes and ambient loops
  • Measured contrast and reduced motion

Pros & Cons

What we like

  • Pairs distinctive art with measured readability
  • Stops animation while the user reads
  • Installs all themes through one plugin
  • Free MIT license allows inspection and contribution

Room for improvement

  • Themes work only in supported Claude Code apps
  • Terminal colors remain unchanged
  • Sound currently plays only on macOS
  • Themes cannot change fonts or layout

Frequently Asked Questions

What is Tessera?
Tessera is an open-source plugin containing 25 themes for the Claude Code desktop and mobile apps. Each theme combines colors, code highlighting, background art, working-state motion, and optional sound.
Is Tessera free?
Yes. Tessera and all 25 themes are free and released under the MIT License. The project is independent and is not affiliated with Anthropic.
How does Tessera handle motion and sound?
Animated scenes move while Claude works and hold still when the answer is ready. Users can stop motion entirely, choose a long-turn completion chime, enable a theme's ambient loop, or disable sound.
Where do Tessera themes appear?
The themes appear in supported Claude Code desktop and mobile apps. They do not recolor terminal sessions, and sound currently works only on macOS.

Best For

Personalizing long Claude Code sessionsMatching Claude to familiar editor palettesReducing background motion while readingChoosing calm or vivid coding environments

Featured in

Alternatives to Tessera

View all

Reviews (0)

No reviews yet

Be the first to share your experience with Tessera

Sign in to write a review

Badge builder

Add Tessera to your website

Choose a badge style and size, preview it here, then copy the generated HTML. Badge images are self-contained SVGs and do not require an external script.

Tessera badge preview
<a href="https://toolindex.net/tools/tessera?ref=badge" target="_blank" rel="noopener">
  <img src="https://toolindex.net/badge/tessera/medium.svg" alt="Tessera - Listed on Tool Index" width="180" height="50" />
</a>

How to use the badge

  1. 1. Pick the style, size, and theme that fit your layout.
  2. 2. Copy the generated HTML from the code block.
  3. 3. Paste it into your footer, homepage, or press page.

Standard badge available

The standard listing badge is available now. Score and circle badges are limited to tools currently ranked in the top 10 of a category.

Badge clicks return visitors to this profile with a referral tag so the source remains identifiable.