Почему sx props не может получить доступ к объекту темы?

Question

Я пытаюсь использовать theme-ui для нового проекта Gatsby, над которым я работаю. После выполнения инструкций в документации по интерфейсу темы я все еще не могу заставить темы работать должным образом. У sx props, похоже, нет доступа к объекту темы, созданному в /src/gatsby-theme-ui/index.js. Заранее спасибо.

Это репозиторий ошибок, созданный для воспроизведения. https://github.com/mujeex/embsy-bug-repo

Answer 1

Я запустил репо локально и смог использовать значения темы в компонентах.

В этом случае компонент заголовка не получаетprimary цвет, потому что color: white;Правило (эта строка) нацелено непосредственно на элемент привязки:) Вы можете увидеть, что значение темы было переопределено, проверив элемент в инструментах разработчика вашего браузера.

Если вам интересно узнать, почему это происходит, вы можете прочитать о специфике CSS.