Back in August 2025, the MDN Web Docs rolled out a redesign that made reading the website so much harder to read on the eyes. I really didn't like it, so I quickly wrote up a style that's half-inspired by its previous design, and half-based on what I personally think looks nice.
The headings are boldened like with the previous design, and the sidebars are lowered in opacity until they're hovered on. Paddings everywhere too wherever it's nice.
| /** | |
| * Most of these styles were just eyeballed to make spaces and font weights | |
| * look similar to how the pre-redesign (August 2025) had it. | |
| **/ | |
| /* Main layout */ | |
| .left-sidebar, | |
| .reference-toc { |
| from typing import Callable, List, Optional | |
| import discord | |
| class Paginator(discord.ui.View): | |
| r"""A dynamic paginator that uses a callback to generate embeds. | |
| This should be passed in as a regular view to methods like | |
| :meth:`discord.abc.Messageable.send`. | |
| Parameters |
\b(?:(?<fizzbuzz>(?:(?:[369]|[258][0369]*[147]|(?:[147]|[258][0369]*[258])(?:[0369]|[147][0369]*[258])*(?:[28]|[147][0369]*[147]))*(?:0|(?:[147]|[258][0369]*[258])(?:[0369]|[147][0369]*[258])*5))+)|(?<buzz>\d*[05])|(?<fizz>(?:[0369]|[258][0369]*[147]|(?:[147]|[258][0369]*[258])(?:[0369]|[147][0369]*[258])*(?:[258]|[147][0369]*[147]))+))\binsanity, as i'd like to call it. although it isn't fizzbuzz per se, it's the best you can get with regex. here's a regexr link to it with sample text.
this matches a number (within word boundaries) if it falls under any of the three groups:
fizzbuzz, which picks up numbers divisible by both 3 and 5, i.e. 15;buzz, which picks up numbers divisible by 5; andfizz, which picks up numbers divisible by 3.