Match Snake and BatchGym previews to the light theme.

The arcade and terminal cards were stuck on dark colors after switching theme.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
pepaskopec-blip 2026-10-18 22:52:26 +02:00
commit 287471ea39
3 changed files with 62 additions and 5 deletions

View file

@ -1590,6 +1590,17 @@ a:hover {
color: var(--accent-ink);
}
:root[data-theme="light"] .mock-arcade {
background: #f4f6f8;
box-shadow: 0 14px 30px rgba(17, 21, 28, 0.08);
}
:root[data-theme="light"] .mock-arcade-hud {
color: var(--ink-soft);
background: rgba(17, 21, 28, 0.04);
border-bottom-color: var(--line);
}
.snake-canvas {
display: block;
width: 100%;
@ -1658,6 +1669,30 @@ a:hover {
background: var(--accent);
}
:root[data-theme="light"] .mock-terminal {
background: #f7f8fa;
box-shadow: 0 14px 30px rgba(17, 21, 28, 0.08);
}
:root[data-theme="light"] .mock-terminal-bar {
color: var(--muted);
background: #eef1f4;
border-bottom-color: var(--line);
}
:root[data-theme="light"] .mock-terminal-body {
color: var(--ink-soft);
}
:root[data-theme="light"] .term-stats,
:root[data-theme="light"] .term-log {
color: var(--muted);
}
:root[data-theme="light"] .term-prompt {
color: var(--ink);
}
/* Terra challenge preview */
.mock-terra {
width: 100%;