~/talk

Theming Gatsby Apps with Theme UI

Talkat React Summit 2020 · 2020-10-14..10-15· [react]
slides:none on file

Gatsby sites use a three‑step install then add gatsby-plugin-theme-ui to wire Theme UI into the app; a JSON theme object holds colors, fonts, spacing and a visual builder exports that object. Components use the sx prop to read theme keys, or the jsx pragma enables sx without Theme UI components. Variants power button/link styles, color modes provide dark/light swaps, and the demo shows colors (Rebecca Purple, Coral) wiring up and rendering as expected.

AI-written summary · about

  1. 0:00Start
  2. 2:28Theme Object
  3. 3:00Components
  4. 3:43Theme color object
  5. 4:17Variants
  6. 4:40Breakpoints
  7. 5:14Recap
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.