HKTITAN/theme-customization
.cursor/skills/theme-customization/SKILL.md
Customize or extend the theming system in kheMessage. Use when adding new themes, modifying colors, or enhancing theme switching.
testing
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add HKTITAN/kheMessage theme-customizationInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 17, 2026, 12:58 AM19.9s1 file scanned
SKILL.md
- name:
- theme-customization
- description:
- Customize or extend the theming system in kheMessage. Use when adding new themes, modifying colors, or enhancing theme switching.
Theme Customization Skill
Customize the theming system in kheMessage.
When to Use
- Adding new color themes
- Modifying existing theme colors
- Enhancing theme switching behavior
- Adding theme persistence
- Creating custom cursor themes
Current Theme System
Themes are defined using CSS custom properties:
html, html.light {
--bg: #fafaf9;
--text: #1c1917;
--border: rgba(28, 25, 23, 0.1);
/* ... */
}
html.dark {
--bg: #1c1917;
--text: #fafaf9;
/* ... */
}
Theme Variables
| Variable | Purpose |
|----------|---------|
| --bg | Background color |
| --bg-elevated | Elevated surface (cards, dropdowns) |
| --text | Primary text color |
| --text-muted | Secondary text color |
| --border | Border color |
| --link | Link color |
| --link-hover | Link hover color |
| --code-bg | Code block background |
| --hover | Hover state background |
| --cursor-* | Custom cursor URLs |
Theme Switching
Theme is controlled via:
- URL parameter:
?theme=lightor?theme=dark - System preference:
prefers-color-scheme - Toggle button:
#theme-toggle
Adding a New Theme
-
Define CSS variables:
html.new-theme { --bg: #newcolor; /* ... all variables */ } -
Update theme toggle logic in JavaScript
-
Add cursor files if needed
-
Test all UI elements
Custom Cursors
Cursors are loaded from:
windows_11_cursors_concept_by_jepricreations_densjkc/
├── light/
│ ├── arrow.cur
│ └── ...
└── dark/
├── arrow.cur
└── ...
Related Skills
HKTITAN/web-design-guidelines
development
VerifiedTrustedCommunity
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
SKILL.mdUpdated Apr 16, 2026
HKTITAN/vercel-deploy
development
VerifiedTrustedCommunity
Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production", "Create a preview deployment", "Deploy and give me the link", or "Push this live". No authentication required - returns preview URL and claimable deployment link.
SKILL.mdUpdated Apr 16, 2026
HKTITAN/qr-code
development
VerifiedTrustedCommunity
Work with QR code generation and display. Use when modifying QR functionality, fixing QR rendering, or adding QR features.
SKILL.mdUpdated Apr 16, 2026
HKTITAN/markdown-enhancement
development
VerifiedTrustedCommunity
Add or improve Markdown parsing and rendering in kheMessage. Use when adding new Markdown syntax support, fixing formatting issues, or enhancing the text editor.
SKILL.mdUpdated Apr 16, 2026