4 ms·

Unrelated to the article, but I love the "glow" effect on the code snippets. Any chance this exists as a plugin for VSCode, for when I want to re-live my teenag

Unrelated to the article, but I love the "glow" effect on the code snippets. Any chance this exists as a plugin for VSCode, for when I want to re-live my teenager dreams of what working on computers looks like?

sitkack 2y ago
It is just fuzzy from zooming up screenshots, a by product of the subpixel aliasing. If it doesn't, you could probably add a post processing filter to https://github.com/wez/wezterm https://github.com/wez/wezterm or https://github.com/alacritty/alacritty https://github.com/alacritty/alacritty
- _Microft 2y ago
  GP is talking about the code sections and the "CRT effect" that was added via CSS. Press "Toggle glow" to make it obvious what effect that is.
  - equestria 2y ago
    Yeah, and it's pretty simple. You have essentially three composition layers: original text; a gaussian-blurred zero-offset "shadow" to add glow (CSS text-shadow); and then a pattern of darker horizontal stripes on top, produced with repeating-linear-gradient with an alpha channel. The magic is basically in https://dmytroengineering.com/css/terminal-syntax.css https://dmytroengineering.com/css/terminal-syntax.css, but there's a lot of other ways to do it.
  - sitkack 2y ago
    My bad, totally wrong.
a1o 2y ago
I haven't like, checked the code, but I have seen this glow in websites that used a JS library called prism (or PrismJS).
wdfx 2y ago
Try this perhaps: https://github.com/Swordfish90/cool-retro-term https://github.com/Swordfish90/cool-retro-term
tene 2y ago
I like this one for VSCode: https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode https://marketplace.visualstudio.com/items?itemName=RobbOwen...