spectacle icon indicating copy to clipboard operation
spectacle copied to clipboard

How to customize animations and backgroundColor

Open slorber opened this issue 5 years ago • 1 comments

Question

Hey, I'm trying to use this tool with MDX, and the cli.

I don't want to code anything, I want to focus on content.

I run the following:

spectacle --src gatsby-expo.mdx --theme theme.js --template template.js

It's really unclear to me how I am supposed to customize the animations and backgroundColors without requiring me to actually wrote code, is it even possible?

I've tried to customize the template, the theme, but I find it confusing. How am I supposed to pass the appropriate props to the Deck ?

slorber avatar Aug 10 '20 09:08 slorber

Through some trial and error I found you could set the backgroundColor by using the tertiary property in the theme.js file. For example, if your theme.js file looks like below, it sets the slide title to DarkOrange, the text to SteelBlue, and the background to GhostWhite:

export default {
  colors: {
    primary: 'SteelBlue',
    secondary: 'SlateGrey',
    tertiary: 'GhostWhite'
  }
};

jgoodall avatar Jun 15 '22 16:06 jgoodall