theme-color-standards

theme-color-standards is a cursor rule for Cursor from cnwinds/ai-detective. It costs 0 tokens per session (4,540 once invoked), scanned A, original, MIT.

A colour and accessibility rulebook for the AI detective game’s interface, covering light and dark themes on desktop and mobile.

In plain words
What is it for?
Use it when designing or reviewing frontend components, CSS variables, text contrast, backgrounds, borders, and interaction states.
Why use it?
It prevents inconsistent colours, unreadable text, and theme-specific display problems across interface components.

Cursor rule for Cursor

Written for Cursor: installed under .cursor/.

Good fit Use it when designing or reviewing frontend components, CSS variables, text contrast…

Compare 6 cursor rules from other repositories ↓
Install with agentmods
npx agentmods add rules/cnwinds/ai-detective/theme-color-standards
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.

Clone the repo
git clone --depth 1 https://github.com/cnwinds/ai-detective

Made for: Cursor.

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 theme-color-standards

README.md
[![agentmods](https://agentmods.dev/badge/rules/cnwinds/ai-detective/theme-color-standards.svg)](https://agentmods.dev/rules/cnwinds/ai-detective/theme-color-standards)
Your own site
<a href="https://agentmods.dev/rules/cnwinds/ai-detective/theme-color-standards"><img src="https://agentmods.dev/badge/rules/cnwinds/ai-detective/theme-color-standards.svg" alt="Measured on agentmods" height="20"></a>
Per session 0 Nothing until a file matches its globs; then the whole rule loads.
When invoked 4,540 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
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.00000 $0.04540
Opus 5 $0.00000 $0.02270
Sonnet 5 $0.00000 $0.00908
Haiku 4.5 $0.00000 $0.00454

Measured 6d ago against content hash a57689148803, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

theme-color-standards scanned grade A with 0 findings 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 6d ago.

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.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.cursor/rules/theme-color-standards.mdc · 544 lines

How it starts

The opening of the file, as written. The whole thing — 544 lines — stays where its author put it; the contents beside it link to each section on GitHub.

🎨 AI侦探游戏主题色规范

📋 规范概述

本文档规定了AI侦探游戏项目的主题色系统规范,确保在不同主题(浅色/深色)和设备(桌面/移动)之间保持一致的视觉体验。

📅 版本信息

  • 创建日期: 2025-06-26
  • 版本: v1.0.0
  • 适用范围: 前端所有UI组件
  • 重构背景: 解决select下拉框深色主题显示问题,建立完整主题色系统

🎯 设计原则

1. 主题适配性

  • 强制要求: 所有UI组件必须支持浅色和深色主题自动切换
  • 禁止硬编码: 严禁在CSS中使用硬编码颜色值(如 #ffffff, rgba(255,255,255,0.1)
  • 变量统一: 所有颜色都通过CSS变量(--theme-*)定义和使用

2. 可访问性标准

  • 对比度要求: 文本与背景的对比度符合WCAG 2.1 AA标准(4.5:1)
  • 深色主题: 避免纯白色文字,使用柔和的浅色(如 #f0f0f0
  • 浅色主题: 避免纯黑色文字,使用深灰色(如 #333333

3. 视觉层次系统

  • 透明度层次: 使用15%、50%、100%透明度创建视觉层次
  • 色彩重要性: 主要内容使用主色调,次要内容使用次色调
  • 功能区分: 通过颜色深浅区分不同功能和状态

🎨 核心主题变量系统

基础色彩变量

/* 主色调系统 */
--theme-primary-color: 主品牌色(金色系,用于强调和焦点)
--theme-secondary-color: 次要色彩(用于辅助元素)
--theme-accent-color: 强调色彩(用于悬停和激活状态)

/* 背景色系统 */
--theme-primary-bg: 主背景色(页面主要背景)
--theme-secondary-bg: 次要背景色(15%透明度,用于卡片和组件)
--theme-card-bg: 卡片背景色(用于弹窗和重要内容区域)
--theme-overlay-bg: 遮罩背景色(用于模态框背景)

/* 边框色系统 */
--theme-border-color: 主边框色(50%透明度,用于组件边框)
--theme-border-light: 浅色边框(用于分割线)
--theme-border-dark: 深色边框(用于强调边框)

/* 文字色系统 */
--theme-text-primary: 主要文字色(标题和重要内容)
--theme-text-secondary: 次要文字色(说明文字)
--theme-text-muted: 弱化文字色(辅助信息)
--theme-text-inverse: 反色文字(按钮文字等)

交互状态变量

/* 交互状态色系 */
--theme-hover-bg: 悬停背景色(鼠标悬停时的背景)
--theme-active-bg: 激活背景色(点击激活时的背景)
--theme-focus-color: 焦点边框色(键盘导航焦点)

/* 功能状态色系 */
--theme-success-color: 成功状态色(绿色系)
--theme-warning-color: 警告状态色(黄色系)
--theme-error-color: 错误状态色(红色系)
--theme-info-color: 信息状态色(蓝色系)

🎭 角色色彩系统

角色类型颜色映射

游戏中不同角色类型使用特定的颜色标识,通过主题管理器自动生成:

/* 角色背景色(15%透明度) */
--theme-character-victim-bg: 受害者背景色(通常为暖色调)
--theme-character-suspect-bg: 嫌疑人背景色(通常为红色调)
--theme-character-witness-bg: 证人背景色(通常为蓝色调)
--theme-character-expert-bg: 专家背景色(通常为绿色调)
--theme-character-investigator-bg: 调查员背景色(通常为紫色调)

/* 角色边框色(50%透明度) */
--theme-character-victim-border: 受害者边框色
--theme-character-suspect-border: 嫌疑人边框色
--theme-character-witness-border: 证人边框色
--theme-character-expert-border: 专家边框色
--theme-character-investigator-border: 调查员边框色

/* 角色文字色(100%不透明) */
--theme-character-victim-color: 受害者文字色
--theme-character-suspect-color: 嫌疑人文字色
--theme-character-witness-color: 证人文字色
--theme-character-expert-color: 专家文字色
--theme-character-investigator-color: 调查员文字色

Read the full file on GitHub · 544 lines

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. 6d ago First seen · 544 lines · 0 tokens per session scan A a57689148803

Subscribe to this mod's changes

theme-color-standards is a cursor rule published in the GitHub repository cnwinds/ai-detective (6 stars, last pushed 1y ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 4,540 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.