update mobile view and some bugs

[zoobestik]

Link to live demo 🚀

Fix bugs ✅:

• sidebar is white in dark theme
• logo and filter diffusion in mobile view
• white border
• update header icons
• update labels with platforms
• more space in mobile view
• fix sidebar and content bottom scroll
• fix code blocks with long token
• playground re-init bug
• dark style for blockquote
• add spacing for sam code samples
• update brand color to a11y compatible

Updated header view 🖼️:

Issues photos 🐞:

see photos

[IgnatBeresnev]

Nice work!

[IgnatBeresnev]

It's awesome that Dokka can be run without JS and still look like a functioning website now! It was confusing for people to open Dokka pages as files in their browser and see no navigation menu, as demonstrated by #1588 and #1513. With the changes from this PR, it will not look broken, but people might still question why there is no navigation menu or why some things do not work.

It's totally optional, but is it possible to add an indicator or a hint or a banner (or anything else) that will say something like

JavaScript is not enabled on this page, some content or functionality of the website can be limited or unavailable.

If you are opening local .html files in your browser, to fix this please use a web server to host documentation, or use the IntelliJ Ultimate built-in web server for preview."

Created a separate issue for this: #2964

---

Also, if it's not too much to ask, can you disable showing this "copy anchor" popup if JS is disabled? It's not going to work if it's pressed. Hover over any function/property name from the left column

[IgnatBeresnev]

And a question on the source set buttons in the header.

I don't know if it's a bug in my browser or if it's intended, but on wide monitors the buttons look huge and have a different shape (rounded corners). It's especially strange to see when you're looking at the page with packages that have the same source set indicators, but in a different shape

Screenshot

---

However, if I shrink the page horizontally, the buttons change their shape and are smaller, which is nice. Can we stick to one style and size only (the one below)?

Screenshot

---

Also, the buttons themselves are quite confusing, it's not clear what their purpose is and how they help the reader, ideally we want to redesign it completely (see #2779). For this reason, maybe it makes sense to make them smaller to not draw so much attention? What do you think?

[nikpachoo]

Not easy work, thank you!
Nothing critical, just a few comments.

[IgnatBeresnev]

Created a separate issue for my no-JS indicator proposal: #2964

[IgnatBeresnev]

Awesome 👍👍

[IgnatBeresnev]

Awesome 👍👍