Appearance
Colorschemes
Four Catppuccin flavours. :colo latte, or :set colorscheme=latte. The choice is
kept between visits.
Colorschemes
- latte
- The light flavour
- frappe
- Dark, the lightest of the three
- macchiato
- Dark, in between
- mocha
- Dark, the deepest - the flavour the site was drawn in
Each one is checked for contrast — every pair of colours you read text through
clears 4.5:1, whichever flavour you pick.
:invert is the other colour switch, and a blunter one: it flips the whole page,
images included.
Shaders
A fullscreen effect, drawn over everything as a WebGL pass and blended into the
page its own way: crt darkens it line by line, amber recolours every glyph,
matrix only lights it. crt and vhs also bend and tear the page itself.
:shader crt, and :shader off to stop.
Shaders
- crt
- CRT scanlines
- vhs
- VHS glitch
- grain
- Film grain
- amber
- Amber phosphor
- green
- Green phosphor
- halftone
- Halftone dots
- matrix
- Digital rain
- aurora
- Drifting aurora
- prism
- Sliding rainbow
Writing one
A @shader fence is a fragment shader — the whole thing, precision and all — and
it
runs where it is written. It gets three uniforms and nothing else: uTime in
seconds,
uResolution in device pixels, and uFlicker, which is 0 when the visitor has
asked
for reduced motion.
What it does not get is the page underneath it. Every effect here draws over
what is
already on screen, which is why there is no blur and no colour separation among
them.
Scroll it into view to run it.
Break it and it says where: change a name, and the block prints the driver's own
complaint with the line it came from.