Icons are not displayed in the same color as Quarto's default ones

[netw0rkf10w]

Hello,

I was suggested to report an issue with your extension. Please see the discussion here: https://github.com/quarto-dev/quarto-cli/discussions/5816

Best regards.

[schochastics]

Thanks for this, I removed black as a default color and now it should work. The sizing I am not sure how to achieve automatically. @mcanouil how did you do that with iconify (if that is possible)?

project:
  type: website

website:
  title: "blog-quarto"
  navbar:
    right:
      - about.qmd
      - icon: github
        href: https://github.com/
      - icon: twitter
        href: https://twitter.com
      - text: "{{< ai google-scholar size=xl >}}"
        href: https://scholar.google.fr/citations?user=xxx
format:
  html:
    theme: cosmo
    css: styles.css
    toc: true

[mcanouil]

Iconify is a framework that does that and more for a pretty large number of datasets including academicons. See https://iconify.design/. The framework also allows rotation, flip, in addition to size definition.

This is why, I am only using my extension (e.g., https://m.canouil.dev/quarto-iconify/) instead of one per icon set.