source-code/
snakey-extension
Public
css37 lines1.2 KB
#score-display {
position: fixed !important;
top: 20px !important;
left: 50% !important;
transform: translateX(-50%) !important;
z-index: 99999999 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
background-color: #ffffff !important;
padding: 8px 24px !important;
border-radius: 9999px !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
border: 1px solid #e5e7eb !important;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
pointer-events: auto !important;
box-sizing: border-box !important;
}
#score-display .score-dot {
width: 16px !important;
height: 16px !important;
border-radius: 50% !important;
background-color: #ef4444 !important;
box-shadow: 0 0 8px rgba(239, 68, 68, 0.6) !important;
box-sizing: border-box !important;
}
#score-display span {
font-size: 24px !important;
font-weight: 700 !important;
color: #1e293b !important;
letter-spacing: -0.025em !important;
font-family: inherit !important;
line-height: 1 !important;
}
About
Snakey Browser Extension is a cross-browser extension built using Manifest V3 that injects a playable Phaser 3 game onto any active tab. It parses the page DOM, turns HTML elements into target coordinates, and features custom chomp/collapse animations. It supports both Chromium (background service worker) and Firefox (background scripts), implements a Canvas-based rendering fallback to bypass strict WebGL CORS limitations, and applies fully container-scoped vanilla CSS overrides to prevent style bleeding on host pages.
linkrasis.me
Browser ExtensionChrome MV3Firefox MV3PhaserReactTypeScriptVite