docs icon indicating copy to clipboard operation
docs copied to clipboard

Dark Mode?

Open antmeehan opened this issue 1 year ago • 3 comments

Any chance dark mode support is on the radar for the documentation site? So bright 😎

antmeehan avatar Dec 19 '23 15:12 antmeehan

Hello @antmeehan

Yes, this is on our plan. We have a set of design updates coming that includes a dark mode based on your preference.

Hopefully you won't need the sunglasses too much longer.

Thanks, Steve

steve-fenton-octopus avatar Dec 20 '23 11:12 steve-fenton-octopus

Thanks @steve-fenton-octopus. Looking forward to it.

antmeehan avatar Dec 20 '23 13:12 antmeehan

Additional note for code blocks.

We introduced a light/dark mode for code blocks. When we implement dark mode it would good to update this to use a separate Shiki theme for each one using dual themes.

The interim version uses calculated values: https://github.com/OctopusDeploy/docs/pull/2147

steve-fenton-octopus avatar Feb 01 '24 13:02 steve-fenton-octopus

Also see #2258

Dark mode is on its way, including user-preference detection and a toggle.

steve-fenton-octopus avatar May 07 '24 06:05 steve-fenton-octopus

@antmeehan we now have light and dark modes available. Let me know what you think.

Docs site in light mode

Docs site in dark mode

steve-fenton-octopus avatar May 07 '24 12:05 steve-fenton-octopus

Great work! Looks good. One comment so far is that the font on the code examples is a little hard to read:

2024_05_07_21_09_09_Clipboard

antmeehan avatar May 07 '24 13:05 antmeehan

Thanks @antmeehan - We'll take a look at this and tune it up.

What browser are you using?

steve-fenton-octopus avatar May 07 '24 13:05 steve-fenton-octopus

Google Chrome on Windows 11. Dev Tools says its Consolas:

image

antmeehan avatar May 07 '24 13:05 antmeehan