public/code-crispies
2
1
Fork 0
Code Issues 7 Pull Requests Actions Activity

style: improve hint text readability on dark background
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
Details

Browse Source 
- Change hint-message color to light text
- Update kbd/code styling for dark background

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Michael Czechowski
2025-12-30 19:59:11 +01:00
parent 775f6d2919
commit 2e50a01528
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/main.css
View File

@@ -414,15 +414,17 @@ code, kbd {
.hint-message { .hint-message {
font-size: 0.9rem; font-size: 0.9rem;
color: var(--text-color); color: var(--editor-text);
} }
.hint-message kbd, .hint-message kbd,
.hint-message code { .hint-message code {
background: var(--primary-bg-medium); background: rgba(255, 255, 255, 0.15);
color: #fff;
padding: 2px 6px; padding: 2px 6px;
border-radius: 3px; border-radius: 3px;
font-size: 0.8rem; font-size: 0.85rem;
font-family: var(--font-code);
} }
.hint-success { .hint-success {