mirror of
				https://github.com/mermaid-js/mermaid.git
				synced 2025-11-04 12:54:08 +01:00 
			
		
		
		
	Merge remote-tracking branch 'nirname/develop' into feature/4492_sankey-diagrams
This commit is contained in:
		@@ -66,7 +66,7 @@ They also serve as proof of concept, for the variety of things that can be built
 | 
			
		||||
 | 
			
		||||
## Blogs
 | 
			
		||||
 | 
			
		||||
- [Wordpress](https://wordpress.org)
 | 
			
		||||
- [WordPress](https://wordpress.org)
 | 
			
		||||
  - [WordPress Markdown Editor](https://wordpress.org/plugins/wp-githuber-md)
 | 
			
		||||
  - [WP-ReliableMD](https://wordpress.org/plugins/wp-reliablemd/)
 | 
			
		||||
- [Hexo](https://hexo.io)
 | 
			
		||||
@@ -84,7 +84,7 @@ They also serve as proof of concept, for the variety of things that can be built
 | 
			
		||||
  - [Plugin for Mermaid.js](https://github.com/eFrane/vuepress-plugin-mermaidjs)
 | 
			
		||||
- [Grav CMS](https://getgrav.org/)
 | 
			
		||||
  - [Mermaid Diagrams](https://github.com/DanielFlaum/grav-plugin-mermaid-diagrams)
 | 
			
		||||
  - [Gitlab Markdown Adapter](https://github.com/Goutte/grav-plugin-gitlab-markdown-adapter)
 | 
			
		||||
  - [GitLab Markdown Adapter](https://github.com/Goutte/grav-plugin-gitlab-markdown-adapter)
 | 
			
		||||
 | 
			
		||||
## Communication
 | 
			
		||||
 | 
			
		||||
@@ -104,7 +104,7 @@ They also serve as proof of concept, for the variety of things that can be built
 | 
			
		||||
  - [Flex Diagrams Extension](https://www.mediawiki.org/wiki/Extension:Flex_Diagrams)
 | 
			
		||||
- [Semantic Media Wiki](https://semantic-mediawiki.org)
 | 
			
		||||
  - [Mermaid Plugin](https://github.com/SemanticMediaWiki/Mermaid)
 | 
			
		||||
- [FosWiki](https://foswiki.org)
 | 
			
		||||
- [Foswiki](https://foswiki.org)
 | 
			
		||||
  - [Mermaid Plugin](https://foswiki.org/Extensions/MermaidPlugin)
 | 
			
		||||
- [DokuWiki](https://dokuwiki.org)
 | 
			
		||||
  - [Mermaid Plugin](https://www.dokuwiki.org/plugin:mermaid)
 | 
			
		||||
@@ -172,7 +172,7 @@ They also serve as proof of concept, for the variety of things that can be built
 | 
			
		||||
  - [rehype-mermaidjs](https://github.com/remcohaszing/rehype-mermaidjs)
 | 
			
		||||
- [Gatsby](https://www.gatsbyjs.com/)
 | 
			
		||||
  - [gatsby-remark-mermaid](https://github.com/remcohaszing/gatsby-remark-mermaid)
 | 
			
		||||
- [jSDoc](https://jsdoc.app/)
 | 
			
		||||
- [JSDoc](https://jsdoc.app/)
 | 
			
		||||
  - [jsdoc-mermaid](https://github.com/Jellyvision/jsdoc-mermaid)
 | 
			
		||||
- [MkDocs](https://www.mkdocs.org)
 | 
			
		||||
  - [mkdocs-mermaid2-plugin](https://github.com/fralau/mkdocs-mermaid2-plugin)
 | 
			
		||||
 
 | 
			
		||||
@@ -257,9 +257,11 @@ let us look at same example, where we have disabled the multiColor option.
 | 
			
		||||
 | 
			
		||||
### Customizing Color scheme
 | 
			
		||||
 | 
			
		||||
You can customize the color scheme using the `cScale0` to `cScale11` theme variables. Mermaid allows you to set unique colors for up-to 12 sections, where `cScale0` variable will drive the value of the first section or time-period, `cScale1` will drive the value of the second section and so on.
 | 
			
		||||
You can customize the color scheme using the `cScale0` to `cScale11` theme variables, which will change the background colors. Mermaid allows you to set unique colors for up-to 12 sections, where `cScale0` variable will drive the value of the first section or time-period, `cScale1` will drive the value of the second section and so on.
 | 
			
		||||
In case you have more than 12 sections, the color scheme will start to repeat.
 | 
			
		||||
 | 
			
		||||
If you also want to change the foreground color of a section, you can do so use theme variables corresponding `cScaleLabel0` to `cScaleLabel11` variables.
 | 
			
		||||
 | 
			
		||||
NOTE: Default values for these theme variables are picked from the selected theme. If you want to override the default values, you can use the `initialize` call to add your custom theme variable values.
 | 
			
		||||
 | 
			
		||||
Example:
 | 
			
		||||
@@ -268,9 +270,9 @@ Now let's override the default values for the `cScale0` to `cScale2` variables:
 | 
			
		||||
 | 
			
		||||
```mermaid-example
 | 
			
		||||
    %%{init: { 'logLevel': 'debug', 'theme': 'default' , 'themeVariables': {
 | 
			
		||||
              'cScale0': '#ff0000',
 | 
			
		||||
              'cScale0': '#ff0000', 'cScaleLabel0': '#ffffff',
 | 
			
		||||
              'cScale1': '#00ff00',
 | 
			
		||||
              'cScale2': '#0000ff'
 | 
			
		||||
              'cScale2': '#0000ff', 'cScaleLabel2': '#ffffff'
 | 
			
		||||
       } } }%%
 | 
			
		||||
       timeline
 | 
			
		||||
        title History of Social Media Platform
 | 
			
		||||
@@ -286,9 +288,9 @@ Now let's override the default values for the `cScale0` to `cScale2` variables:
 | 
			
		||||
 | 
			
		||||
```mermaid
 | 
			
		||||
    %%{init: { 'logLevel': 'debug', 'theme': 'default' , 'themeVariables': {
 | 
			
		||||
              'cScale0': '#ff0000',
 | 
			
		||||
              'cScale0': '#ff0000', 'cScaleLabel0': '#ffffff',
 | 
			
		||||
              'cScale1': '#00ff00',
 | 
			
		||||
              'cScale2': '#0000ff'
 | 
			
		||||
              'cScale2': '#0000ff', 'cScaleLabel2': '#ffffff'
 | 
			
		||||
       } } }%%
 | 
			
		||||
       timeline
 | 
			
		||||
        title History of Social Media Platform
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user