shade-no-dark-variants

shade-no-dark-variants is a skill for Claude Code, Codex from TryGhost/Ghost. It costs 36 tokens per session (286 once invoked), scanned A, original, MIT.

A coding rule for Shade-based admin apps that use shared colour tokens for light and dark mode. It says to use those tokens instead of separate Tailwind `dark:` colour classes.

In plain words
What is it for?
Use it when editing TSX colour classes for surfaces, text, borders, or similar UI elements in Shade-consuming apps.
Why use it?
It prevents duplicate or conflicting colour rules and keeps dark-mode behaviour in one place. It also avoids raw colour choices that do not follow the app's design system.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: mentions AGENTS.md.

Good fit Use it when editing TSX colour classes for surfaces, text, borders, or similar UI elements in Shade-consuming apps.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/tryghost/ghost/shade-no-dark-variants
About the project

Ghost is a publishing platform for creating websites, blogs, memberships, subscriptions, and newsletters. Publishers and developers can use it through managed hosting or run it themselves, while contributors work on its monorepo, themes, and API.

TryGhost/Ghost · 55,632 stars · on GitHub · ghost.org

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add TryGhost/Ghost --skill shade-no-dark-variants
Clone the repo
git clone --depth 1 https://github.com/TryGhost/Ghost

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for shade-no-dark-variants

README.md
[![agentmods](https://agentmods.dev/badge/skills/tryghost/ghost/shade-no-dark-variants/github.svg)](https://agentmods.dev/skills/tryghost/ghost/shade-no-dark-variants)
Your own site
<a href="https://agentmods.dev/skills/tryghost/ghost/shade-no-dark-variants"><img src="https://agentmods.dev/badge/skills/tryghost/ghost/shade-no-dark-variants/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for shade-no-dark-variants

Your own site · 80×15
<a href="https://agentmods.dev/skills/tryghost/ghost/shade-no-dark-variants"><img src="https://agentmods.dev/badge/skills/tryghost/ghost/shade-no-dark-variants.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 36 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 286 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 1 finding. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • Snyk pass 7 Sept 2026
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00036 $0.00286
Opus 5.5 $0.00014 $0.00114
Sonnet 5.5 $0.00007 $0.00057
Haiku 4.5 $0.00004 $0.00029

Measured today against content hash 9f5ae97c86ed, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

shade-no-dark-variants scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

instead. Fetch web pages with `curl -s`.
apps/shade/skills/shade-no-dark-variants/SKILL.md · 30 lines

What it actually says

Shade no dark variants

Shade's semantic tokens carry both themes. The rules, the fix and the exceptions live in Tokens: Dark mode.

Docs links use https://shade.ghost.org. If the project's AGENTS.md says where Shade's docs are (another address, or a source folder), use that instead. Fetch web pages with curl -s.

Workflow

  1. Find every dark: class in the code you're writing or reviewing.
  2. For each one that sets a colour, follow the three fix steps in Dark mode. Pick the replacement token with shade-tokens-not-hex.
  3. Keep a dark: class only when it matches an exception that section names.
  4. When debugging a dark-mode-only problem, change the token rather than adding a variant.

Self-check

  • Each remaining dark: class is one of the documented exceptions.
  • You viewed the changed screen in both themes.
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. today Changed · -22 lines · +36 tokens per session 9f5ae97c86ed
  2. 2d ago Changed 021d0ffaa059
  3. 18d ago Changed · +1 lines 802ac6583032
  4. 2mo ago First seen · 51 lines · 0 tokens per session scan A dfd1ea160b07

Subscribe to this mod's changes

shade-no-dark-variants is a skill published in the GitHub repository TryGhost/Ghost (55,632 stars, last pushed today), licensed MIT. It adds 36 tokens to every session and 286 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

cms-metadata-tagger

Takes a finished piece of content and produces a complete, archive-ready metadata record — including descriptive tags, subject classifications, rights notes, and an archival summary — for entry into a content management or digital archive system.

ur-grue/autopunk-media-skills · 49 tokens

cms-metadata-writer

Writes structured metadata fields — title tag, meta description, tags, category, slug, and Open Graph text — for a CMS entry, optimized for search discoverability and social sharing.

ur-grue/autopunk-media-skills · 42 tokens

video-shot-demos

A workflow for creating animated HTML pages, one page per video shot, lesson segment, or narrated scene. It combines a shared player structure with different visual designs for each shot.

Unclecheng-li/AI_Animation · 166 tokens

hero-slider-settle

A render-quality slider rises past the target, corrects, then settles on 75%. Function: range control / preference set.

Unclecheng-li/AI_Animation · 0 tokens

hero-constellation

Nodes appear, links connect, then the graph gently rotates. Function: network / graph / system map (textless).

Unclecheng-li/AI_Animation · 0 tokens

exploring-autocapture-events

Guides exploration of $autocapture events captured by posthog-js to understand user interactions, find CSS selectors (especially data-attr attributes), evaluate selector uniqueness, query matching clicks ad-hoc, and create actions. Use when the user asks about autocapture data, wants to find what users are clicking…

PostHog/posthog · 127 tokens