Custom theme from mdx-deck not being passed down about code-surfer HOT 6 CLOSED

Oh yeah , I get the same now that I notice :(

from code-surfer.

What props are you passing to CodeSurfer?

If you are using the theme prop it will use the text and backgroundColor from the prism-react-renderer theme. Not sure about the monospace.

from code-surfer.

The usual:

<Code
  theme={vsDarkPlus}
  title='before'
  code={require('!raw-loader!./components/datepicker.js')}
  steps={[
    { lines: [6], notes: 'Note for the first step' },
    { range: [5, 9] },
    { tokens: { 9: [3, 4, 5] }, notes: 'Note for the third step' }
  ]}
/>

Apparently, monospace is a theme config from mdx-deck, but it's not being used in code-surfer 🤔

from code-surfer.

Regarding monospace: I think I fixed it in v0.3.0 (you'll need to update mdx-deck to last version (1.7.0) too).

For text and background, I don't know. It's a matter of which theme takes precedence: mdx-deck theme or prism-react-renderer theme. I'm open to suggestions.

from code-surfer.

That worked! Thank you!! 🎉 ❤️

from code-surfer.

from code-surfer.