
GITHUB . COM {
}
Detected CMS Systems:
- Wordpress (2 occurrences)
Title:
Mermaid flowChart title can't see clearly in dark mode Β· Issue #7781 Β· squidfunk/mkdocs-material
Description:
Context Mermaid flowchart title is too dark to see in dark mode. Bug description Mermaid allow write title above the flowchart --- title: Hello World --- flowchart LR user --> website --- title: Hello World --- flowchart LR user --> webs...
Website Age:
17 years and 8 months (reg. 2007-10-09).
Matching Content Categories {π}
- Video & Online Content
- Mobile Technology & AI
- TV
Content Management System {π}
What CMS is github.com built with?
Github.com relies on 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,653,974 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,316,204 paying customers.
The estimated monthly recurring revenue (MRR) is $22,328,057.
The estimated annual recurring revenues (ARR) are $267,936,687.
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?
Keywords {π}
mermaid, dark, bug, squidfunk, title, issue, flowchart, mode, sign, resolved, open, issues, projects, config, reproduction, reporting, navigation, mkdocsmaterial, pull, requests, discussions, actions, security, closed, description, loading, css, related, links, theme, situation, palette, media, preferscolorscheme, scheme, primary, accent, providing, zip, file, submitting, attached, minimal, commented, owner, runnable, reports, unreleased, github, milestone,
Topics {βοΈ}
bump mkdocs-material open projects minimal reproduction possibly related issues bug resolved issue include runnable reproductions title theme config supported diagram types completed machikoyasuda mentioned comment metadata assignees bug reporting guidelines flowchart variables prefers-color-scheme projects milestone write title discussions loading build issues bug report title customize css //evan361425 dark mode related links extensions config deep orange fence_code_format steps site toggle zip file browser chrome info plugin life easier pure good properly render milestone relationships palette config attached links highlight - pymdownx github reporting dark theme media light scheme resolved sign palette attached pymdownx
Payment Methods {π}
- Braintree
Questions {β}
- Already have an account?
Schema {πΊοΈ}
DiscussionForumPosting:
context:https://schema.org
headline:Mermaid flowChart title can't see clearly in dark mode
articleBody:### Context
Mermaid flowchart title is too dark to see in dark mode.
### Bug description
Mermaid allow write title above the flowchart
```text
---
title: Hello World
---
flowchart LR
user --> website
```
```mermaid
---
title: Hello World
---
flowchart LR
user --> website
```
But in dark mode, this title will be unclearly to see

I tried customize CSS, but as https://github.com/squidfunk/mkdocs-material/discussions/4582 shows, this is not easy.
### Related links
- https://github.com/squidfunk/mkdocs-material/discussions/4582
- Mermaid has title theme config in [Flowchart Variables](https://mermaid.js.org/config/theming.html#flowchart-variables)
- my document with this situation: https://evan361425.github.io/essay/confidential-computing/#%E8%99%9B%E6%93%AC%E8%A8%98%E6%86%B6%E9%AB%94%E7%AE%A1%E7%90%86
### Reproduction
My palette config is
```yaml
theme:
palette:
- media: "(prefers-color-scheme: light)"
scheme: default
primary: indigo
accent: light-blue
- media: "(prefers-color-scheme: dark)"
scheme: slate
primary: blue-grey
accent: deep orange
```
and extensions config is
```yaml
markdown_extensions:
- pymdownx.highlight
- pymdownx.superfences:
custom_fences:
- name: mermaid
class: mermaid
format: !!python/name:pymdownx.superfences.fence_code_format
```
### Steps to reproduce
1. Create mermaid codeblock same as above
```mermaid
---
title: Hello World
---
flowchart LR
user --> website
```
2. Build the site
3. Toggle to dark mode
I'm not providing **.zip** file because it has 119 MB and I think it is not valuable for this situation, but I'll provide it if you need it!
### Browser
Chrome
### 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/) using the [built-in info plugin](https://squidfunk.github.io/mkdocs-material/plugins/info/).
author:
url:https://github.com/evan361425
type:Person
name:evan361425
datePublished:2024-12-09T02:13:13.000Z
interactionStatistic:
type:InteractionCounter
interactionType:https://schema.org/CommentAction
userInteractionCount:2
url:https://github.com/7781/mkdocs-material/issues/7781
context:https://schema.org
headline:Mermaid flowChart title can't see clearly in dark mode
articleBody:### Context
Mermaid flowchart title is too dark to see in dark mode.
### Bug description
Mermaid allow write title above the flowchart
```text
---
title: Hello World
---
flowchart LR
user --> website
```
```mermaid
---
title: Hello World
---
flowchart LR
user --> website
```
But in dark mode, this title will be unclearly to see

I tried customize CSS, but as https://github.com/squidfunk/mkdocs-material/discussions/4582 shows, this is not easy.
### Related links
- https://github.com/squidfunk/mkdocs-material/discussions/4582
- Mermaid has title theme config in [Flowchart Variables](https://mermaid.js.org/config/theming.html#flowchart-variables)
- my document with this situation: https://evan361425.github.io/essay/confidential-computing/#%E8%99%9B%E6%93%AC%E8%A8%98%E6%86%B6%E9%AB%94%E7%AE%A1%E7%90%86
### Reproduction
My palette config is
```yaml
theme:
palette:
- media: "(prefers-color-scheme: light)"
scheme: default
primary: indigo
accent: light-blue
- media: "(prefers-color-scheme: dark)"
scheme: slate
primary: blue-grey
accent: deep orange
```
and extensions config is
```yaml
markdown_extensions:
- pymdownx.highlight
- pymdownx.superfences:
custom_fences:
- name: mermaid
class: mermaid
format: !!python/name:pymdownx.superfences.fence_code_format
```
### Steps to reproduce
1. Create mermaid codeblock same as above
```mermaid
---
title: Hello World
---
flowchart LR
user --> website
```
2. Build the site
3. Toggle to dark mode
I'm not providing **.zip** file because it has 119 MB and I think it is not valuable for this situation, but I'll provide it if you need it!
### Browser
Chrome
### 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/) using the [built-in info plugin](https://squidfunk.github.io/mkdocs-material/plugins/info/).
author:
url:https://github.com/evan361425
type:Person
name:evan361425
datePublished:2024-12-09T02:13:13.000Z
interactionStatistic:
type:InteractionCounter
interactionType:https://schema.org/CommentAction
userInteractionCount:2
url:https://github.com/7781/mkdocs-material/issues/7781
Person:
url:https://github.com/evan361425
name:evan361425
url:https://github.com/evan361425
name:evan361425
InteractionCounter:
interactionType:https://schema.org/CommentAction
userInteractionCount:2
interactionType:https://schema.org/CommentAction
userInteractionCount:2
External Links {π}(11)
- What's the financial gain of https://github.blog?
- What's the financial outcome of https://private-user-images.githubusercontent.com/14554683/393671845-5556111b-220d-47c2-a436-5bf11426ccae.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NTE4MTczMTIsIm5iZiI6MTc1MTgxNzAxMiwicGF0aCI6Ii8xNDU1NDY4My8zOTM2NzE4NDUtNTU1NjExMWItMjIwZC00N2MyLWE0MzYtNWJmMTE0MjZjY2FlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTA3MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwNzA2VDE1NTAxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU5NzlkNWEzZWM5ZjJlZTY3ZTNhMGIwZjU3MDJjMzBlOWI4ZTE2N2Q4OGM4ZGE1NDRmMDEwYmEwZDFjNWNhNWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.rsLjfIo2IdaJ2U8oNmBWj2LwrAby0RdUt6m0uvBmx4Q?
- Financial intake of https://mermaid.js.org/config/theming.html#flowchart-variables
- What's the financial intake of https://evan361425.github.io/essay/confidential-computing/#%E8%99%9B%E6%93%AC%E8%A8%98%E6%86%B6%E9%AB%94%E7%AE%A1%E7%90%86?
- How much revenue does https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/ bring in?
- How much profit does https://squidfunk.github.io/mkdocs-material/ generate?
- What are the earnings of https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/#remove-customizations?
- How much does https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/ bring in each month?
- How much does https://squidfunk.github.io/mkdocs-material/plugins/info/ generate monthly?
- How much income does https://squidfunk.github.io/mkdocs-material/changelog/#9.5.49 have?
- What is the monthly revenue of https://www.githubstatus.com/?
Analytics and Tracking {π}
- Site Verification - Google
Libraries {π}
- Clipboard.js
- D3.js
- 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