Hugo Theme Color Your World

Overview

Color Your World is a Hugo theme that was developed around a single experiment, resulting in an HTML color picker with 12 presets. The theme allows users to change the accent color, which is primarily used in interactive elements. The developer liked the result so much that it was implemented on their main site and is now being shared for others to use and customize. The theme makes use of Hugo Pipes and requires the use of –minify when building.

Features

• Customizable dark/light mode
• Customizable accent color
• Keyboard-friendly
• Privacy-aware (no Google Analytics/Fonts, Disqus, etc)
• Social shortcode for centralized and decentralized platforms
• Contact form shortcode via Formspree
• Open Graph, Twitter Cards, and structured data meta tags
• Responsive images via image processing
• Basic search functionality via Fuse.js
• Image lazy loading
• noscript capability (except for KaTeX and search functionality)

Installation

If you have git installed, you can install the theme by running the following command in the Hugo directory:

git clone [theme_repository_url] themes/[theme_name]

For more detailed instructions, refer to the Hugo official setup guide.

Summary

Color Your World is an HTML color picker Hugo theme that offers customizable dark/light mode and accent color options. It is keyboard-friendly and privacy-aware, and includes social and contact form shortcodes. The theme also provides support for SEO meta tags, responsive images, basic search functionality, and image lazy loading. Overall, Color Your World is a versatile theme that allows users to easily customize the look and functionality of their Hugo website.