gatsby-remark-jh-inline-svg

This plugin is designed for use with the gatsby-plugin-mdx.

First, install via NPM:

npm install gatsby-remark-jh-inline-svg

Then add to gatsby-config.js:

module.exports = {
    plugins: [
        {
            resolve: 'gatsby-plugin-mdx',
            options: {
                gatsbyRemarkPlugins: [
                    {
                        resolve: 'gatsby-remark-jh-inline-svg',
                        options: {
                            colors: {
                                '#fafafa': 'var(--myColor)'
                            }
                        }
                    }
                ]
            }
        }
    ]
}