Development

Customizing

All in templates/flashlight.mustache.

Change flashlight size

Edit --flashlight-size in style block. Default 12.5vmax. Bigger = more visible.

Change darkness

Edit the rgba(0, 0, 0, 0.95) value. Lower = lighter overlay. 1.0 = pitch black. 0.0 = nothing.

Add effects

The template is pure inline HTML/CSS/JS. Add any CSS animation, blur filter, or color effect.

Example rainbow flashlight:

background: radial-gradient(
    circle var(--flashlight-size) at var(--flashlight-x) var(--flashlight-y),
    transparent 0%,
    hsla(calc(atan2(var(--flashlight-y), var(--flashlight-x)) * 50), 80%, 50%, 0.95) 100%
);

Privacy

Plugin stores no personal data. Session storage is client-side only.