Two theme brand colors

Name: Two theme brand colors
Author: @slashclone

@slashclone/two-theme-brand-colors

Find brand colors that work in both light and dark mode: for each hue, the shade with the best WCAG contrast against all your light and dark backgrounds at once, so a logo or accent can keep one color in both themes. Prints a table and saves the results as JSON.

SkillContentv0.1.0 (latest)

Use in Claude Save Like Clone Comment

Activity: New: be the first to try it
Installs: 0 installs
Likes: 0 likes
Clones: 0 clones

1name,hue,saturation
2Lichen,68,0.46
3Olive,62,0.42
4Matcha,78,0.5
5Leaf,88,0.5
6Moss,92,0.45
7Fern,104,0.42
8Spring,120,0.4
9Sage,128,0.22
10Juniper,142,0.36
11Pine,150,0.48
12Jade,162,0.5
13Verdigris,172,0.42

Use in Claude

Claude Code

/kit add @slashclone/two-theme-brand-colors

CLI

slashclone add @slashclone/two-theme-brand-colors

Codex

slashclone add @slashclone/two-theme-brand-colors --agent codex

Not enforced. Codex does not enforce the permissions this kit declares.

Cursor

slashclone add @slashclone/two-theme-brand-colors --agent cursor

Not enforced. Cursor does not enforce the permissions this kit declares.

claude.ai and the desktop app

Download for Claude

Not enforced. claude.ai and the Claude desktop app do not enforce the permissions this kit declares. How to upload it

As a file

Download .kit

One file with everything in it. slashclone add ./file.kit checks it against this page before installing.

Review before installing

Set up SlashClone in Claude

Health

No keep-alive checks yet

Checks run weekly once someone keeps the kit installed.

Run reports are off

Safety

Scan passed
Not reviewed yet
Tests fail (0 of 2)

This kit reads ./examples/**, ./data/**, writes to ./out/brand-colors* and runs node scripts/two-theme-colors.mjs. Install it?

Full scan and review

Similar kits

On brand check
@brandkit
Review a page, stylesheet, email, deck outline, or post against your brand guide and get a short fix list: off-palette colors (with the nearest brand color), wrong fonts, sizes and spacing off the scale, banned words, logo misuse, and voice. Reports only; changes nothing.
Brand guide builder
@brandkit
Build a one-page brand guide (brand.md) through a short interview, pulling the colors and fonts your site already uses. Covers colors, type, logo rules, voice, and spacing, plus a machine-readable tokens block the other brandkit kits use.
Brand
@brandkit
The /brand command: make whatever you are working on match your brand. It finds your brand guide (or helps you write one), then fixes colors, fonts, logo use, voice, and spacing in a page, CSS, deck outline, email, or social post, and lists every change it made.
Brand tokens export
@brandkit
Turn the tokens in your brand.md into code: CSS variables, a Tailwind theme (v3 and v4), and a design-tokens.json for Figma token plugins. One source of truth, regenerated in a second whenever the brand changes.

Link

https://slashclone.dev/@slashclone/two-theme-brand-colors

README badge

[![Install with SlashClone](https://slashclone.dev/badge/slashclone/two-theme-brand-colors.svg)](https://slashclone.dev/@slashclone/two-theme-brand-colors)

Embed

<iframe src="https://slashclone.dev/embed/slashclone/two-theme-brand-colors" width="480" height="200" title="@slashclone/two-theme-brand-colors" loading="lazy"></iframe>

Share card image

More from @slashclone

Product rename checklist
Rename a product across code, copy, CLI, plugins, and docs without breaking anything: one name constant, a careful sweep, and a list of strings that must keep the old name (signing labels, key-derivation labels, OAuth client ids, stored rule ids, migrations). Shows the plan and asks before it edits.
Canvas frame capture
Check a canvas or WebGL animation frame by frame when the browser cannot take screenshots (a hidden pane, a background tab, a headless run). Captures timed frames from the page itself and saves them as small images you can look at. Writes only to a frames folder you choose.
Search eval sweep
Measure search quality with a fixed set of real queries: hits, misses, and false positives at the current cutoff and across a sweep of cutoffs, so ranking and threshold changes are chosen from data instead of guesses. Works for keyword, semantic, or hybrid search.
Release on green
Set up a release pipeline with no manual gates: when CI passes on main, migrate the database, deploy, run a smoke test, and roll back on its own if the smoke test fails. Writes the GitHub Actions workflow for you to review; never deploys or stores secrets itself.

See all of @slashclone's kits

Report this kit