Gatsby Theme Query

Gatsby theme for adding a Styled System theme object. You can query your theme using Theme Query directly in your components.

Getting started

  yarn add theme-query theme-ui gatsby-theme-query @emotion/core

// gatsby-config.js
module.exports = {
  plugins: ['gatsby-theme-query'],
};

Shadow the theme with your own

// src/gatsby-theme-query/index.js
export default {
  colors: {
    text: 'magenta',
    background: 'papayawhip',
  },
};