This config has a CSS that auto toggles to dark or light them on browsers that honor the
prefers-color-scheme: dark
CSS directive.
This configuration is based on HighlightJS which was easier to tweak with the CSS, hence it’s CSS is also set-up to switch styles accordingly.
Links and discussion that helped me
-
Asciidoctor Admonition Icons Missing
Actually, it’s even simpler than that! Asciidoctor comes integrated with Font Awesome out of the box. You just need to remove the blank line between the document title & the font attribute entry.
The font attribute entry must be part of the document header, which is offset from the body by a blank line.