{"componentChunkName":"component---src-templates-page-tsx","path":"/theming/overview/","result":{"data":{"site":{"siteMetadata":{"title":"Grundgesetz","description":"Zero-configuration documentation builder, powered by Gatsby.","siteUrl":"https://grundgesetz-skeleton.netlify.com","keywords":"gatsbyjs, gatsby, documentation, sample project","author":{"name":"Resi Respati","url":"https://resir014.xyz","email":"resi@kata.ai"}}},"sectionList":{"edges":[{"node":{"title":"Getting Started","items":[{"id":"installation","slug":"/getting-started/installation","title":"Installation"},{"id":"development-server","slug":"/getting-started/development-server","title":"Development Server"},{"id":"deploying","slug":"/getting-started/deploying","title":"Deploying"}]}},{"node":{"title":"Writing","items":[{"id":"project-structure","slug":"/writing/project-structure","title":"Project Structure"},{"id":"table-of-contents","slug":"/writing/table-of-contents","title":"Table of Contents"},{"id":"writing-in-markdown","slug":"/writing/writing-in-markdown","title":"Writing in Markdown"}]}},{"node":{"title":"Theming","items":[{"id":"theming-overview","slug":"/theming/overview","title":"Overview"},{"id":"theming-variables","slug":"/theming/variables","title":"Variables"},{"id":"theming-helper-components","slug":"/theming/helper-components","title":"Helper Components"}]}}]},"markdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Grundgesetz comes with a built-in, opinionated design which focuses on readability, but we also provide possibilities for people to extend the look of Grundgesetz by providing some foundational components for you to use."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Under the hood, Grundgesetz is styled with "},{"type":"element","tagName":"a","properties":{"href":"https://www.styled-components.com/"},"children":[{"type":"text","value":"styled-components"}]},{"type":"text","value":" and "},{"type":"element","tagName":"a","properties":{"href":"https://styled-system.com/"},"children":[{"type":"text","value":"styled-system"}]},{"type":"text","value":". This allows us to provide foundational components that people can use to expand on the built-in design, and provides an easy way to update aspects of the default theme with "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"styled-system"}]},{"type":"text","value":" APIs."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In the next few pages, you will learn how to theme Grundgesetz based on your own branding."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Note:"}]},{"type":"text","value":" "},{"type":"element","tagName":"a","properties":{"href":"https://www.gatsbyjs.org/docs/themes/"},"children":[{"type":"text","value":"Gatsby Themes"}]},{"type":"text","value":" is not yet supported. To use Grundgesetz’s theme, you will need to start from the skeleton. Please follow the "},{"type":"element","tagName":"a","properties":{"href":"/getting-started/installation"},"children":[{"type":"text","value":"installation guide"}]},{"type":"text","value":" to get started."}]}],"data":{"quirksMode":false}},"tableOfContents":"","excerpt":"Grundgesetz comes with a built-in, opinionated design which focuses on readability, but we also provide possibilities for people to extend…","frontmatter":{"id":"theming-overview","title":"Theming Overview","prev":"writing-in-markdown","next":"theming-variables"}}},"pageContext":{"slug":"/theming/overview/"}}}