Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Theme UI

via egghead.io

Overview

Theme UI is a library created by Brent Jackson for building themeable React apps with Gatsby. It's built with Styled System which provides a constrained set of styling APIs based on props. It uses Emotion and MDX underneath which abstracts us away from a lot of the challenges when dealing with global CSS and styling content.
Theme UI uses "presentational context" to allow a component to apply styling to child elements without introducing global styles. You can use a styles object in your configuration to apply theme-aware styles to ensure consistency.

Syllabus

  • Introduction to Theme UI
  • Style Components Rendered By MDX with Theme UI in Gatsby
  • Add Dark Mode to a Gatsby Site with Theme UI
  • Cycle Through Multiple Theme UI Color Modes
  • Use and Modify a Theme UI Preset

Taught by

John Otander

Reviews

4.7 rating at egghead.io based on 5 ratings

Start your review of Theme UI

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.