Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introducing Marp's Gaia Theme

Yuki Hattori
September 16, 2019

Introducing Marp's Gaia Theme

Gaia is built-in slide theme for Marp: https://marp.app/

Updated at 2019-09-16 to use Marp Next instead of the outdated Marp desktop app.

Yuki Hattori

September 16, 2019


  1. Gaia theme Marp Next slide theme Created by Yuki Hattori

  2. In Greek mythology, Gaia also spelled Gaea, was the personification

    of the Earth and one of the Greek primordial deities. — Gaia (mythology) - Wikipedia, the free encyclopedia “ “
  3. Overview Gaia is the beautiful presentation theme for Marp Next

    (Marp Core). Set gaia theme through theme global directive. --- marp: true theme: gaia --- 3
  4. Basic example 1 Lorem ipsum dolor sit amet, consectetur adipiscing

    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. List 1. Sub list 2. Sub list More Sub list Stay Hungry. Stay Foolish. —Steve Jobs (2005) “ “ 4
  5. Basic example 2 document.write('Hello, world!'); table layout example align to

    left align to center align to right left center right 5
  6. Classes for class local directive 6

  7. lead class Apply contents centering. Useful for title slide. <!--

    _class: lead --> # Title slide 7
  8. Color scheme class Default Invert Gaia (Theme color) <!-- _class:

    "" --> 8
  9. Color scheme class Default Invert Gaia (Theme color) <!-- _class:

    invert --> 9
  10. Color scheme class Default Invert Gaia (Theme color) <!-- _class:

    gaia --> 10
  11. Enjoy creating beautiful slides with Marp Next + Gaia theme!

  12. References Markdown: https://gist.github.com/yhatt/23d8470e053d9dfcb34cdc8f22c29200 Original (for outdated app): https://github.com/yhatt/marp/blob/v0.0.14/examples/gaia.md 12