@agney/gatsby-theme-wedding

Gatsby Wedding Theme Workspace

A simple and easy wedding theme using Gatsby and Styled Components.

Demo

Manual Setup

In your gatsby-config.js:

npm i --save-dev @agney/gatsby-theme-wedding

# OR #
yarn add --dev @agney/gatsby-theme-wedding

module.exports = {
  plugins: [
    {
      resolve: `@agney/gatsby-theme-wedding`,
      options: {
        contentPath: "occasion", // Tell the theme where your data is.
        basePath: "/event" // Tell the theme which URL to render the theme at.
      }
    }
  ]
};

Adding the Data

Data Format - You can provide data in JSON format.

Changing the theme

Create a theme.js file at src/@agney/gatsby-theme-wedding/components/theme.js

const theme = {};

export default theme;

See full properties here

If you need to keep existing theme and edit some of the values:

import merge from "lodash.merge";
import theme from "@agney/gatsby-theme-wedding";

export default merge({}, theme, {
  colors: {
    primary: "blue"
  }
});

Replacing Components (Shadowing)

Docs

Contributing

This theme makes use of Yarn Workspaces

yarn
yarn workspace example develop