Theme Preset not loading all the styles:

Hi I was wondering why all the theme presets I’m trying to load are not loading completely, the thing is that I’m trying to build a simple app using theme ui with the deeppreset and it seems that not all colors are being loaded

To Reproduce theme.js

import { deep } from '@theme-ui/presets'

export default {
  ...deep,
  styles: {
    ...deep.styles,
  },
}

Inject the theme provider in the root of the app.

import React from 'react';
import { ThemeProvider } from 'theme-ui'
import theme from './theme'
import AppRouter from './router/AppRouter';

function App() {
  return (
    <ThemeProvider theme={theme}>
      <AppRouter />
    </ThemeProvider>
  );
}

export default App;

Run the app shows me the correct backgroung but it seems that links don’t style properly.

Body styles looks like this, I think it should have more style properties

Expected behavior I expect the preset to behave like the theme-ui doc page:

Currently repo is not on github but if you want me to upload it I will do it.

I’m using react-create-app not gatsby

Versions "theme-ui": "^0.3.1" "@theme-ui/presets": "^0.3.0",

Also using @emotion/core and @emotion/styled if that’s relevant.

[CanRau]

I usually “just” log the result of useThemeUI hook

/** @jsx jsx */
import { jsx, useThemeUI } from 'theme-ui'

export default (props) => {
  const { theme } = useThemeUI()
  console.log(theme)
  return <h1>My website</h1>
}

or you check out the source

[CanRau]

Uh I see you mean the css custom properties should be at least defined 🤔 yea my body looks like this

body {
    --theme-ui-colors-primary: #fff;
    --theme-ui-colors-text: #fff;
    --theme-ui-colors-background: #000;
    --theme-ui-colors-secondary: #fff;
    --theme-ui-colors-accent: #fff;
    --theme-ui-colors-muted: hsla(0,0%,100%,0.75 ));
    color: #fff;
    background-color: #000;
}