Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

gatsby-plugin-theme-ui, add path option

See original GitHub issue

Is your feature request related to a problem? Please describe. Not a problem, but it would be nice to be able to specify the theme path with an option.

The default path is src/gatsby-plugin-theme-ui/index.js

Describe the solution you’d like Something like:

{
    resolve: 'gatsby-plugin-theme-ui',
    options: {
        path: 'src/theme/index.js'
    },
},

Issue Analytics

State:
Created 3 years ago
Comments:8 (2 by maintainers)

Top GitHub Comments

1reaction

fcisiocommented, Dec 11, 2020

Thanks @atanasster That’s a bit out of my reach for now, unfortunately.

But starting next year, I will be using Theme UI more intensively and should be able to bring more people to help on this project 🎉

0reactions

atanasstercommented, Dec 16, 2020

You could also use babel-register or ts-node.

Yeah, couple of workarounds. I am compiling a gatsby-config.ts(all the gatsby config type files) from src and then pointing to dist https://github.com/ccontrols/component-controls/blob/master/integrations/gatsby-theme-stories/gatsby-config.js

Top Results From Across the Web

Gatsby Plugin – Theme UI

Gatsby plugin for adding Theme UI context ... The theme module you include in options is considered your base theme. ... Load theme...

Theme UI - Gatsby

There are two ways to add a theme to your site: using configuration options in gatsby-plugin-theme-ui , or local shadowing.

Configure a Gatsby Theme to Take Options | egghead.io

[01:50] Let's resolve to Gatsby theme events. We'll set the options to our two options. We've got the content path, which needs to...

Styling and Shadowing | Chicago Docs

In this new theme directory, re-create the file path of the original file, ... Import the theme into the shadowed gatsby-plugin-theme-ui file.

building-a-theme.md - gatsbyjs/gatsby - Sourcegraph

Create a gatsby-config.js file in the gatsby-theme-events directory: module.exports = { plugins: [ { resolve: "gatsby-source-filesystem", options: { path: ...