Chapter 5: Changing Themes and Making Mermaid Look Good
In reading this chapter, you will learn how to modify the coloring of diagrams in the theme that Mermaid uses when rendering. You will learn how to do this using directives for just one diagram and on a site-wide basis. You will learn about the pre-made themes available, as well as how to create a custom theme using the dynamic theming engine in Mermaid. You will learn about the general functionality of the theming engine and about a number of theme variables that are shared by all diagram types. Variables and settings that only affect one specific diagram are described in the theming section of the chapter for that specific diagram type.
You will learn more about how to change the way Mermaid looks in the following sections:
- Selecting a theme
- Customizing a theme using theme variables
- Variables for modifying a theme
