Theming

In this section, we will continue where Chapter 5, Changing Themes and Making Mermaid Look Good, left off and learn about the theming variables that are specific to flowcharts. This section will be easier to understand if you have already read the previous chapter. Let's imagine that there are things in your flowcharts which you want to change the color of, without modifying the main variables, such as primaryColor. When you change the main variables, other colors are derived from them, and the changes will affect all your diagrams. In many cases, this will be exactly what you want, but sometimes, you may want to just change a specific color directly. For flowcharts, there are several variables that let you change a specific color of something. The following text describes these variables, let's start with the mainBkg variable.

mainBkg

With this variable, you can change the background of the nodes, like so:

%%{init:{"theme":"base", 
&...