npm install spectacle-theme-nova
import Spectacle Deck Slide from 'spectacle';import createTheme from 'spectacle-theme-nova';const theme = ;const Presentation =<Spectacle =><Deck><Slide>...</Slide></Deck></Spectacle>;
- You can choose between the regular Nova colors and a bright (inversed) version. The later will be generated if you call
- It is possible to overwrite any setting with your custom styles by passing an object as second argument to the
// Get the "bright" Nova themeconst theme = ;
// Color the background in slategrayconst customStyles =global:body: background: 'slategray';const theme = ;
For further information you can also check out the example from this repo. You'll find the source code here:
By default the package exposes the "raw" un-transpiled files. Meaning, all fonts and styles are not bundled. This allows you to do whatever you want with the files when you bundle your presentation.
For example, if you're using Melodrama to build your presentation, all fonts can be extracted to have better performance.
If you want a bundled version import
This theme includes a custom color theme for PrismJS. Because not everyone might need syntax highlighting you have to import it yourself:
By default PrismJS doesn't have a different color for globals or certain statement (like
if). But the Nova color theme does make those distinctions. In order to have a "better" syntax highlighting you can use some custom highlighting. Currently there is support for:
You can check out the difference between the highlighting in the below picture.