Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toggle for dark/light code theme in all code blocks #27

Closed
2 tasks
rdwatters opened this issue Mar 13, 2017 · 2 comments
Closed
2 tasks

Toggle for dark/light code theme in all code blocks #27

rdwatters opened this issue Mar 13, 2017 · 2 comments
Assignees

Comments

@rdwatters
Copy link
Owner

Inspired by @moorereason 's preferences and Google's documentation:

https://developers.google.com/search/docs/guides/intro-structured-data

In addition to the existing "copy" and "download" buttons in code blocks, users should have the option to toggle between dark and light themes in code blocks. This will likely happen in two parts:

  • Add toggle button to all code blocks and create new sass partial for dark theme (likely Monokai for Sublime but with colors tweaked to match Hugo's color palette)
  • Leveraging local storage to persist user preference across pages and sessions

The challenge will be appending this toggle to code blocks that are not currently using code shortcode.

@rdwatters rdwatters self-assigned this Mar 13, 2017
@budparr budparr assigned budparr and unassigned rdwatters Mar 17, 2017
@budparr
Copy link
Collaborator

budparr commented Mar 17, 2017

got it

@rdwatters
Copy link
Owner Author

Closing. This should be taken care of with @budparr 's new Hugo documentation theme....

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants