Skip to content
UsageMeter Discord: 1 month of Pro free

SuperClaude v1.2.10 — Color Editor, Custom Themes & Full Visual Customization

On fire , V1.2.9 landed earlier today. V1.2.10 follows right behind — and it changes how you interact with Claude visually.

V1.2.10 — Full Color Customization

V1.2.9 landed earlier today. V1.2.10 follows right behind — and it changes how you interact with Claude visually.

This release introduces a full color customization system. Edit every color on Claude.ai in real-time, save your own themes, and switch between them in one click. SuperClaude is no longer just a usage tracker — it's how you make Claude yours. Here's everything in the box.

What's New

Color Editor — Open the new Color Editor from the Style tab and start changing colors on Claude.ai. Every modification applies instantly — no page reload, no delay. You see the result on Claude.ai the moment you pick a color. A live preview bar lets you cancel or keep your changes before moving on.

Custom Themes — Save your color combinations as named themes. Each theme stores your overrides for both light and dark mode. Apply a saved theme in one click from the theme selector — right next to the built-in themes. You can save up to 20 custom themes with Pro.

Theme Import & Export — Share your themes with others. Export any custom theme as a .superclaude-theme.json file. Import themes from files — SuperClaude validates the structure and variable names before applying anything.

HSV Color Picker — The color picker uses a proper HSV gradient square with a hue bar — the same model you know from Figma, Photoshop, or any design tool. Pick colors visually, or type a hex code directly. Top-right is the pure saturated color. Bottom-left is black. It works the way you expect.

Brand Colors for Free — Everyone can edit the four main accent colors (primary, hover, active, subtle) without a Pro subscription. This lets you personalize Claude's look at no cost. The full palette — backgrounds, text, borders, danger states — requires Pro.

Custom Themes in the Selector — Your saved themes now appear directly in the Theme Color grid under a "My Themes" row. Each shows the theme name and a color preview swatch. One click activates it — loads the base theme plus all your overrides.

Improvements

Simplified Color Editor UI — The editor is designed for everyone, not just developers. Color groups use plain labels — "Page", "Surface", "Card" instead of CSS variable names. The layout is visual: pick a swatch, see the color, move on. Advanced colors (borders, danger, secondary accents) are tucked behind a "More Colors" section to keep things clean.

Landing Page & Pricing Updated — The homepage now features a "Total customization" card highlighting the new color system. Pricing pages for all three languages (EN, FR, DE) include "Basic accent color editing" under Free and "Full color customization & custom themes" under Pro.

34 Locales Updated — All translation files now include keys for the Color Editor and Custom Themes interfaces. French and German have full native translations. Other languages use English fallbacks — community translations welcome.

UsageMeter

UsageMeter is an independent extension that shows your Claude usage limits on claude.ai, with the countdown to every reset. Not affiliated with Anthropic.

Written with the help of Claude. How we write