mirror of
https://github.com/pepaskopec-blip/skopec.dev.git
synced 2026-10-27 15:14:33 +00:00
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:
parent
e2daab03e9
commit
287471ea39
3 changed files with 62 additions and 5 deletions
35
style.css
35
style.css
|
|
@ -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%;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue