UI/UX Design Resources

Icon Packs List of free design icon packs: Feather Icons (license MIT) Atlas Icons (license MIT) Tablericons (license CC BY 4.0) Flat icons (license CC BY 4.0) BIC icons (license CC BY 4.0) UI Line (license CC BY 4.0) Nataicons (license CC BY 4.0) heroicons (license CC BY 4.0) Untitled UI Icons (license CC BY 4.0) Flags (license CC BY 4.0) SWM Icon Pack (license CC BY 4.0) Iconic (license WTFPL)...

January 18, 2023 · 1 min

Create a custom code highlight for Hugo

This article explains how to change the code highlight for a custom hugo website theme. Suppose that the website is based on the PaperMod theme, and the source code colors needs to be customized. In the PaperMod theme, the highlight.js library is used to provide different styles for each defined language. This file is located in: . └── themes └── PaperMod └── assets └── js └── highlight.min.js Now, update the minified library in the custom theme to apply the changes, and change the css style for the target language:...

January 9, 2023 · 2 min