gatsby-theme-ui-blog

Minimal Gatsby MDX blog theme built with Theme UI. Use this as a starting point
for building custom blog themes with Theme UI.

npm
 i gatsby-theme-ui-blog

module
.
exports
 
=
 
{
  
plugins
:
 
[
'gatsby-theme-ui-blog'
]
,
}

Shadow the following components to customize styles and page layout:

ComponentDescriptionPropssrc/gatsby-theme-ui-blog/posts.jsIndex page for all blog posts{ posts }src/gatsby-theme-ui-blog/post.jsFull blog post article page{ title, date, children, keywords, tags }src/gatsby-theme-ui-blog/layout.jsWrapping layout component for the Post and Posts componentsall page-level props

Use gatsby-plugin-theme-ui to override or customize the theme.

npm
 i gatsby-plugin-theme-ui

module
.
exports
 
=
 
{
  
plugins
:
 
[
'gatsby-theme-ui-blog'
,
 
'gatsby-plugin-theme-ui'
]
,
}

import
 
base
 
from
 
'gatsby-theme-ui-blog/src/gatsby-plugin-theme-ui'

const
 theme 
=
 
{
  
...
base
,
  
colors
:
 
{
    
text
:
 
'white'
,
    
background
:
 
'black'
,
    
primary
:
 
'cyan'
,
    
secondary
:
 
'magenta'
,
  
}
,
}

export
 
default
 theme

This theme is based off of gatsby-theme-blog-core and uses all the same
options.

KeyDefault valueDescriptionbasePath/Root url for all blog postscontentPathcontent/postsLocation of blog postsassetPathcontent/assetsLocation of assetsmdxtrueConfigure gatsby-plugin-mdx (if your website already is using the plugin pass false to turn this off)Edit the page on GitHub