
GITHUB . COM {
}
Detected CMS Systems:
- Wordpress (2 occurrences)
Title:
In a Sequence Diagram the primaryColor config is ignored for participants' background color Β· Issue #5034 Β· squidfunk/mkdocs-material
Description:
Context I configured a primaryColor in a sequence diagram on a page of a site using mkdocs-material version 9.0.12. I expect the background color of the participant box to be the same as primaryColor, whereas it is not. %%{ init: {
Website Age:
17 years and 9 months (reg. 2007-10-09).
Matching Content Categories {π}
- Graphic Design
- TV
- Video & Online Content
Content Management System {π}
What CMS is github.com built with?
Github.com operates using WORDPRESS.
Traffic Estimate {π}
What is the average monthly size of github.com audience?
ππ Tremendous Traffic: 10M - 20M visitors per month
Based on our best estimate, this website will receive around 10,666,394 visitors per month in the current month.
check SE Ranking
check Ahrefs
check Similarweb
check Ubersuggest
check Semrush
How Does Github.com Make Money? {πΈ}
Subscription Packages {π³}
We've located a dedicated page on github.com that might include details about subscription plans or recurring payments. We identified it based on the word pricing in one of its internal links. Below, you'll find additional estimates for its monthly recurring revenues.How Much Does Github.com Make? {π°}
Subscription Packages {π³}
Prices on github.com are in US Dollars ($).
They range from $4.00/month to $21.00/month.
We estimate that the site has approximately 5,347,507 paying customers.
The estimated monthly recurring revenue (MRR) is $22,459,531.
The estimated annual recurring revenues (ARR) are $269,514,368.
Wordpress Themes and Plugins {π¨}
What WordPress theme does this site use?
It is strange but we were not able to detect any theme on the page.
What WordPress plugins does this website use?
It is strange but we were not able to detect any plugins on the page.
Keywords {π}
color, mermaid, squidfunk, primarycolor, issue, diagram, background, sequence, ebouchut, user, bug, colors, diagrams, participants, participant, actor, mentioned, open, sign, mkdocsmaterial, config, box, button, expected, documentation, added, accent, override, defined, resolved, projects, rendered, github, commented, css, additional, commit, navigation, issues, pull, requests, discussions, actions, security, closed, description, theme, sequencediagram, click, live,
Topics {βοΈ}
mkdocs-material/src/assets/stylesheets/main/integrations/_mermaid md-accent-fg-color--transparent md-mermaid-node-bg-color md-mermaid-label-bg-color md-mermaid-node-fg-color md-mermaid-label-fg-color md-code-fg-color md-default-bg-color md-accent-fg-color md-text-font-family md-mermaid-edge-color md-mermaid-font-family possibly related issues squidfunk edits owner mkdocs-material version 9 activity ebouchut changed default background color accent color directive expected mkdocs-material text labels overflow efdff93 ebouchut mentioned mkdocs mermaid integration reproduce open http bug resolved issue defined accent color f07e7a9 squidfunk mentioned mermaid live editor comment metadata assignees open projects mermaid live reproduction squidfunk closed bug reporting guidelines override specific parts loading related links accent color override accent colors ebouchut mentioned background color projects milestone investigation issue mermaid diagrams π mermaid diagrams mermaid integration additional css actor box discussions bug report mermaid diagram mermaid graphs // mermaid container
Payment Methods {π}
- Braintree
Questions {β}
- Already have an account?
Schema {πΊοΈ}
DiscussionForumPosting:
context:https://schema.org
headline:In a Sequence Diagram the primaryColor config is ignored for participants' background color
articleBody:### Context
I configured a `primaryColor` in a sequence diagram on a page of a site using `mkdocs-material` version 9.0.12.
I expect the background color of the participant box to be the same as `primaryColor`, whereas it is not.
```
%%{
init: {
'theme': 'base',
'themeVariables': {
'primaryColor': 'lightgreen'
}
}
}%%
sequenceDiagram
actor user as User
participant p as Button
user ->> p: click
```
### Bug description
The diagram is not rendered as expected:
- β
The background color of the **actor** box (`User`) is the same as `primaryColor` which is expected.
- β The background color of the **participant** box (`Button`) is white, which is not expected, I π€ .
Both Mermaid Live Editor and Github Previewer, use the `primaryColor` for the participant's background color. This is what I expected `mkdocs-material` to do.
My understanding of mermaid.js documentation is the following:
- [`actorBkg`](https://mermaid.js.org/config/theming.html#sequence-diagram-variables) mentions that `primaryColor` is the default background color for an actor.
- [`MainBkg`](https://mermaid.js.org/config/theming.html#theme-variables) computed from `primaryColor` "should be" used in this case.
π€ This is my understanding of this gray part of the documentation.
Let me know what you think about this.
```mermaid
%%{
init: {
'theme': 'base',
'themeVariables': {
'primaryColor': 'lightgreen'
}
}
}%%
sequenceDiagram
actor user as User
participant p as Button
user ->> p: click
```
### Related links
- [Same diagram in Mermaid Live](https://mermaid.live/edit#pako:eNpVUU1PwzAM_SuVpaqXMvV7bQ47AFdOCA4oF6_1tog2KWkiMar-d7xWIPAhefJ7z7HjGVrTEQgIw1lq6ZRWTgQrlC5yFxooEkF0xImi-G_2Fa3CY09T9CtnarRqQHt9ML2xN1-vzhd3tkQ62jTL7eJjCUOpJ_rwpFt6VHi2OEgdcGDrjA228BNtEKfghfGmGNE61aoRtQvGjbz3zhnNtfU_293hwHIRtL1q36WGGAayA6qOB55vWgnrMBIEw45O6HsngdtjKXpnnq-6BeGspxj82KH76RXECfuJs9wFiBk-QWTFflfXVZYWdVrmZVZnMVxBpHWyy5ukrphKqiapiiWGL2O4RLIrk32ZFWmT5XmesXOt97aS26PUKf6Op21H66qWb8K2ias)
### Reproduction
[example.zip](https://github.com/squidfunk/mkdocs-material/files/10716688/example.zip)
### Steps to reproduce
1. Open http://127.0.0.1:8000/diagram/
3. In the sequence diagram, the background color of **both** the **actor** (`User`) and the **participant** (`Button`) boxes should be green.
### Browser
_No response_
### Before submitting
- [X] I have read and followed the [bug reporting guidelines](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/).
- [X] I have attached links to [the documentation](https://squidfunk.github.io/mkdocs-material), and possibly related [issues](https://github.com/squidfunk/mkdocs-material/issues) and [discussions](https://github.com/squidfunk/mkdocs-material/discussions).
- [X] I assure that I have [removed all customizations](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/#remove-customizations) before submitting this bug report.
- [X] I have attached a __.zip file__ with a [minimal reproduction](https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/).
author:
url:https://github.com/ebouchut
type:Person
name:ebouchut
datePublished:2023-02-12T17:15:24.000Z
interactionStatistic:
type:InteractionCounter
interactionType:https://schema.org/CommentAction
userInteractionCount:3
url:https://github.com/5034/mkdocs-material/issues/5034
context:https://schema.org
headline:In a Sequence Diagram the primaryColor config is ignored for participants' background color
articleBody:### Context
I configured a `primaryColor` in a sequence diagram on a page of a site using `mkdocs-material` version 9.0.12.
I expect the background color of the participant box to be the same as `primaryColor`, whereas it is not.
```
%%{
init: {
'theme': 'base',
'themeVariables': {
'primaryColor': 'lightgreen'
}
}
}%%
sequenceDiagram
actor user as User
participant p as Button
user ->> p: click
```
### Bug description
The diagram is not rendered as expected:
- β
The background color of the **actor** box (`User`) is the same as `primaryColor` which is expected.
- β The background color of the **participant** box (`Button`) is white, which is not expected, I π€ .
Both Mermaid Live Editor and Github Previewer, use the `primaryColor` for the participant's background color. This is what I expected `mkdocs-material` to do.
My understanding of mermaid.js documentation is the following:
- [`actorBkg`](https://mermaid.js.org/config/theming.html#sequence-diagram-variables) mentions that `primaryColor` is the default background color for an actor.
- [`MainBkg`](https://mermaid.js.org/config/theming.html#theme-variables) computed from `primaryColor` "should be" used in this case.
π€ This is my understanding of this gray part of the documentation.
Let me know what you think about this.
```mermaid
%%{
init: {
'theme': 'base',
'themeVariables': {
'primaryColor': 'lightgreen'
}
}
}%%
sequenceDiagram
actor user as User
participant p as Button
user ->> p: click
```
### Related links
- [Same diagram in Mermaid Live](https://mermaid.live/edit#pako:eNpVUU1PwzAM_SuVpaqXMvV7bQ47AFdOCA4oF6_1tog2KWkiMar-d7xWIPAhefJ7z7HjGVrTEQgIw1lq6ZRWTgQrlC5yFxooEkF0xImi-G_2Fa3CY09T9CtnarRqQHt9ML2xN1-vzhd3tkQ62jTL7eJjCUOpJ_rwpFt6VHi2OEgdcGDrjA228BNtEKfghfGmGNE61aoRtQvGjbz3zhnNtfU_293hwHIRtL1q36WGGAayA6qOB55vWgnrMBIEw45O6HsngdtjKXpnnq-6BeGspxj82KH76RXECfuJs9wFiBk-QWTFflfXVZYWdVrmZVZnMVxBpHWyy5ukrphKqiapiiWGL2O4RLIrk32ZFWmT5XmesXOt97aS26PUKf6Op21H66qWb8K2ias)
### Reproduction
[example.zip](https://github.com/squidfunk/mkdocs-material/files/10716688/example.zip)
### Steps to reproduce
1. Open http://127.0.0.1:8000/diagram/
3. In the sequence diagram, the background color of **both** the **actor** (`User`) and the **participant** (`Button`) boxes should be green.
### Browser
_No response_
### Before submitting
- [X] I have read and followed the [bug reporting guidelines](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/).
- [X] I have attached links to [the documentation](https://squidfunk.github.io/mkdocs-material), and possibly related [issues](https://github.com/squidfunk/mkdocs-material/issues) and [discussions](https://github.com/squidfunk/mkdocs-material/discussions).
- [X] I assure that I have [removed all customizations](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/#remove-customizations) before submitting this bug report.
- [X] I have attached a __.zip file__ with a [minimal reproduction](https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/).
author:
url:https://github.com/ebouchut
type:Person
name:ebouchut
datePublished:2023-02-12T17:15:24.000Z
interactionStatistic:
type:InteractionCounter
interactionType:https://schema.org/CommentAction
userInteractionCount:3
url:https://github.com/5034/mkdocs-material/issues/5034
Person:
url:https://github.com/ebouchut
name:ebouchut
url:https://github.com/ebouchut
name:ebouchut
InteractionCounter:
interactionType:https://schema.org/CommentAction
userInteractionCount:3
interactionType:https://schema.org/CommentAction
userInteractionCount:3
External Links {π}(16)
- https://github.blog's total income per month
- How much profit does https://mermaid.js.org/config/theming.html#sequence-diagram-variables generate?
- How much cash flow does https://mermaid.js.org/config/theming.html#theme-variables have monthly?
- What's the financial intake of https://mermaid.live/edit#pako:eNpVUU1PwzAM_SuVpaqXMvV7bQ47AFdOCA4oF6_1tog2KWkiMar-d7xWIPAhefJ7z7HjGVrTEQgIw1lq6ZRWTgQrlC5yFxooEkF0xImi-G_2Fa3CY09T9CtnarRqQHt9ML2xN1-vzhd3tkQ62jTL7eJjCUOpJ_rwpFt6VHi2OEgdcGDrjA228BNtEKfghfGmGNE61aoRtQvGjbz3zhnNtfU_293hwHIRtL1q36WGGAayA6qOB55vWgnrMBIEw45O6HsngdtjKXpnnq-6BeGspxj82KH76RXECfuJs9wFiBk-QWTFflfXVZYWdVrmZVZnMVxBpHWyy5ukrphKqiapiiWGL2O4RLIrk32ZFWmT5XmesXOt97aS26PUKf6Op21H66qWb8K2ias?
- Financial intake of http://127.0.0.1:8000/diagram/
- How much does https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/ make?
- Get to know https://squidfunk.github.io/mkdocs-material's earnings
- Find out how much https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/#remove-customizations earns monthly
- What's the financial intake of https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/?
- Earnings of https://squidfunk.github.io/mkdocs-material/setup/changing-the-colors/#accent-color
- How much cash flow does https://squidfunk.github.io/mkdocs-material/reference/diagrams/#configuration have monthly?
- What's https://squidfunk.github.io/mkdocs-material/setup/setting-up-navigation/#instant-loading's gross income?
- What are the total earnings of https://squidfunk.github.io/mkdocs-material/customization/#additional-css?
- Financial intake of https://user-images.githubusercontent.com/932156/219853397-33736fbf-b655-42b5-a6aa-fa26f5aed271.png
- How profitable is https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown/#markdown-in-html?
- How much revenue does https://www.githubstatus.com/ bring in?
Analytics and Tracking {π}
- Site Verification - Google
Libraries {π}
- Clipboard.js
- D3.js
- GSAP
- Lodash
Emails and Hosting {βοΈ}
Mail Servers:
- aspmx.l.google.com
- alt1.aspmx.l.google.com
- alt2.aspmx.l.google.com
- alt3.aspmx.l.google.com
- alt4.aspmx.l.google.com
Name Servers:
- dns1.p08.nsone.net
- dns2.p08.nsone.net
- dns3.p08.nsone.net
- dns4.p08.nsone.net
- ns-1283.awsdns-32.org
- ns-1707.awsdns-21.co.uk
- ns-421.awsdns-52.com
- ns-520.awsdns-01.net