القائمة
Customize or extend the theming system in kheMessage. Use when adding new themes, modifying colors, or enhancing theme switching.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | theme-customization |
| description | Customize or extend the theming system in kheMessage. Use when adding new themes, modifying colors, or enhancing theme switching. |
Customize the theming system in kheMessage.
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;
/* ... */
}
| 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 is controlled via:
?theme=light or ?theme=darkprefers-color-scheme#theme-toggleDefine CSS variables:
html.new-theme {
--bg: #newcolor;
/* ... all variables */
}
Update theme toggle logic in JavaScript
Add cursor files if needed
Test all UI elements
Cursors are loaded from:
windows_11_cursors_concept_by_jepricreations_densjkc/
├── light/
│ ├── arrow.cur
│ └── ...
└── dark/
├── arrow.cur
└── ...
Work with the URL compression system in kheMessage. Use when modifying how content is stored in URLs, debugging encoding issues, or optimizing compression.
Work with the contenteditable editor implementation. Use when modifying text input behavior, cursor handling, or undo/redo functionality.
Add or improve Markdown parsing and rendering in kheMessage. Use when adding new Markdown syntax support, fixing formatting issues, or enhancing the text editor.
Work with QR code generation and display. Use when modifying QR functionality, fixing QR rendering, or adding QR features.