Theming in Reveal.js

Reveal.js comes with different themes.
  • black: Black background, white text, blue links (default theme)
  • white: White background, black text, blue links
  • league: Gray background, white text, blue links (default theme for reveal.js < 3.0.0)
  • beige: Beige background, dark text, brown links
  • sky: Blue background, thin dark text, blue links
  • night: Black background, thick white text, orange links
  • serif: Cappuccino background, gray text, brown links
  • simple: White background, black text, blue links
  • solarized: Cream-colored background, dark green text, blue links
Each theme is available as a separate stylesheet. To change theme, you need to replace 'black' with desired theme name in index.html.
<link rel="stylesheet" href="css/theme/black.css">

Share this

Related Posts