Default theme design revamp

[futurGH]

As discussed in #typedoc on Discord over the past few months, the redesigned default theme is now (mostly) ready for action!

Screenshots

Before

After

[okikio]

@futurGH How goes this?

[futurGH]

@okikio Given #1812, this PR probably won't be getting anywhere for a while.

[okikio]

Hmm....

[cspotcode]

I skimmed the code changes. Is there anything in particular you would like review feedback on? I plan to clone this branch locally and run it against a sample codebase, comparing the output to the old version.

I see 4 outstanding checkboxes in the issue. Do you still want to do them as part of this PR, or do you think it's best to extract them into separate issues?

[futurGH]

I think it would be best to separate them out; the "nice to have"s aren't that difficult to implement on their own, and the code block styling should definitely be a separate issue.

As for specific feedback, I'm really just looking for thoughts on usability and accessibility of the new design compared to TypeDoc's current design. I'd appreciate a quick look over my changes in the default theme's assets/typedoc/components for code quality review.

[okikio]

Is there a link that can be used to preview the new default theme?

[futurGH]

Not currently; the best way to try it out is just to clone my fork, build locally, and run it on the example directory.

[futurGH]

Quick update: you can now view the example documentation rendered with the redesign at https://futurgh.github.io/typedoc/redesign - pre-redesign is also available at https://futurgh.github.io/typedoc/original for reference.

@okikio

[okikio]

@futurGH Good job, it's pretty cool

[okikio]

@futurGH I think you should have the dark mode toggle be immediately accessible, it just feels as though having it easier to reach would be better. Also, there is no menu toggle available on mobile, so, if you toggle the menu, you currently can't re-toggle it to hide the menu.