Semantic UI Theming using Less

Description

I want to introduce theming to semantic UI and have gone down the path of using the less distro

Please refer to this Link http://neekey.net/2016/12/09/integrate-react-webpack-with-semantic-ui-and-theming/

Environment

Gatsby version: latest Node.js version: latest Operating System: OSX High Siera

File contents (if changed):

I added a gatsby-node file to try and wedge in the rewrite required for the theme file as described in the above link

exports.modifyWebpackConfig = ({config, stage}) => {
  switch (stage) {
    case 'develop':
      config.loader('less', {
        options: {
          paths: ['.', 'node_modules'],
          plugins: [
            new RewriteImportPlugin({
              paths: {
                '../../theme.config': 'semantic-ui/theme.config'
              }
            })
          ]
        }
      })
  }
}

Actual result

The result is

object.allowUnknown , "options" is not allowed

Expected behavior

I want the file to be renamed - but do not know the correct syntax for the gatsby node and webpack configuration

[hprobotic]

The other solution is you can link current theme/config file to node_module by postinstall like this

"postinstall": "ln -s ../../src/semantic-ui/theme.config node_modules/semantic-ui-less/theme.config"

Then we don’t need to add any line of code to gatsby-node Btw, it only works with less version 2.7.2

[hprobotic]

Hi @iwarner, have you got that fixed yet?