Skip to content

fix: redesign grim reaper scythe and improve arm visibility in dark mode #77

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nitrocode merged 2 commits into from
Apr 26, 2026
Merged

fix: redesign grim reaper scythe and improve arm visibility in dark mode #77

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6355548
fix: redesign grim reaper scythe blade and improve arm colors for dar…
Copilot Apr 26, 2026
194a0dc
chore: merge main — remove generated files now excluded by .gitignore
Copilot Apr 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1646,9 +1646,9 @@ <h2 id="receipt-heading" class="sr-only">Session Receipt</h2>
<div id="grim-reaper" class="grim-reaper" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 155">
<!-- scythe handle -->
<line x1="77" y1="16" x2="62" y2="148" stroke="#555" stroke-width="2.5" stroke-linecap="round"/>
<!-- scythe blade -->
<path d="M77,16 C100,2 103,28 87,35 C85,26 80,19 77,16 Z" fill="#555"/>
<line x1="77" y1="16" x2="62" y2="148" class="reaper-scythe-handle" stroke-width="2.5" stroke-linecap="round"/>
<!-- scythe blade — large crescent sweeping left over the hood -->
<path d="M77,16 C72,6 55,2 38,5 C20,8 6,20 6,32 C6,44 22,48 40,38 C56,28 72,20 77,16 Z" class="reaper-scythe-blade"/>
<!-- robe shadow -->
<ellipse cx="50" cy="151" rx="28" ry="5" fill="#000" opacity="0.4"/>
<!-- robe body -->
Expand All @@ -1673,11 +1673,11 @@ <h2 id="receipt-heading" class="sr-only">Session Receipt</h2>
<!-- creepy-cute grin -->
<path d="M33,67 Q37,75 50,71 Q63,75 67,67" stroke="#999" stroke-width="1.8" fill="none" stroke-linecap="round"/>
<!-- left bony arm -->
<path d="M22,90 C14,88 8,85 5,79" stroke="#999" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<path d="M22,90 C14,88 8,85 5,79" class="reaper-bone" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- bony fingers -->
<path d="M5,79 C2,73 5,71 7,73" stroke="#888" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M5,79 C1,77 2,73 5,74" stroke="#888" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M5,79 C3,83 6,84 8,82" stroke="#888" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M5,79 C1,72 4,67 7,65" class="reaper-bone" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M5,79 C1,75 1,69 4,67" class="reaper-bone" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M5,79 C2,84 4,89 8,88" class="reaper-bone" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- robe ragged hem -->
<path d="M9,150 C20,145 30,150 40,147 C50,144 60,148 70,146 C80,144 88,148 91,150" stroke="#222" stroke-width="1.5" fill="none"/>
</svg>
Expand Down
11 changes: 11 additions & 0 deletions styles/scary-features.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -864,6 +864,17 @@
50% { opacity: 1; }
}

/* Scythe — lighter in dark mode so they read against dark backgrounds */
.reaper-scythe-handle { stroke: #aaa; }
.reaper-scythe-blade { fill: #aaa; }

/* Bony arm — bone-white in dark mode, intentionally skeletal */
.reaper-bone { stroke: #ccc; }

:root[data-theme="light"] .reaper-scythe-handle { stroke: #666; }
:root[data-theme="light"] .reaper-scythe-blade { fill: #666; }
:root[data-theme="light"] .reaper-bone { stroke: #999; }

@media (max-width: 480px) {
.grim-reaper svg { width: 55px; }
/* On small screens show the reaper fully — no peek offset so neither side is cut off */
Expand Down
Loading