Color blindness simulation for Gatsby sites
npm install gatsby-plugin-colorblind-filtersColor blindness simulation for Gatsby sites (Demo).
With Yarn:
``bash`
yarn add gatsby-plugin-colorblind-filters
Or with npm:
`bash`
npm install --save gatsby-plugin-colorblind-filters
Add plugin to gatsby-config.js. Only recommended for development environment.
`js`
plugins: [
...(process.env.NODE_ENV === 'development'
? [
{
resolve: 'gatsby-plugin-colorblind-filters',
options: {
toggleKey: 'p',
zIndex: 999
}
}
]
: [])
]
To activate different color-blindness mode, hold toggleKey (default p) and press 0/1/2/3/4/5/6/7/8` in development. Works best in Chrome.
MIT