1
0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-12-25 22:04:52 +01:00

Fixed diagram title not switching color in dark mode

This commit is contained in:
squidfunk 2024-12-10 11:52:11 +01:00
parent 0f97a8d5f0
commit b368cee13f
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
4 changed files with 30 additions and 5 deletions
material/templates
src/templates/assets/javascripts/components/content/mermaid

View File

@ -249,7 +249,7 @@
</script> </script>
{% endblock %} {% endblock %}
{% block scripts %} {% block scripts %}
<script src="{{ 'assets/javascripts/bundle.83f73b43.min.js' | url }}"></script> <script src="{{ 'assets/javascripts/bundle.88dd0f4e.min.js' | url }}"></script>
{% for script in config.extra_javascript %} {% for script in config.extra_javascript %}
{{ script | script_tag }} {{ script | script_tag }}
{% endfor %} {% endfor %}

View File

@ -48,6 +48,11 @@ marker {
* Rules: flowcharts * Rules: flowcharts
* ------------------------------------------------------------------------- */ * ------------------------------------------------------------------------- */
/* Flowchart title */
.flowchartTitleText {
fill: var(--md-mermaid-label-fg-color);
}
/* Flowchart node label */ /* Flowchart node label */
.label { .label {
color: var(--md-mermaid-label-fg-color); color: var(--md-mermaid-label-fg-color);
@ -113,6 +118,11 @@ g #flowchart-pointEnd {
* Rules: class diagrams * Rules: class diagrams
* ------------------------------------------------------------------------- */ * ------------------------------------------------------------------------- */
/* Class diagram title */
.classDiagramTitleText {
fill: var(--md-mermaid-label-fg-color);
}
/* Class group node */ /* Class group node */
g.classGroup line, g.classGroup line,
g.classGroup rect { g.classGroup rect {
@ -182,6 +192,11 @@ defs #classDiagram-aggregationEnd {
* Rules: state diagrams * Rules: state diagrams
* ------------------------------------------------------------------------- */ * ------------------------------------------------------------------------- */
/* State diagram title */
.statediagramTitleText {
fill: var(--md-mermaid-label-fg-color);
}
/* State group node */ /* State group node */
g.stateGroup rect { g.stateGroup rect {
fill: var(--md-mermaid-node-bg-color); fill: var(--md-mermaid-node-bg-color);
@ -269,6 +284,11 @@ defs #statediagram-barbEnd {
* Rules: entity-relationship diagrams * Rules: entity-relationship diagrams
* ------------------------------------------------------------------------- */ * ------------------------------------------------------------------------- */
/* Entity-relationship diagram title */
.entityTitleText {
fill: var(--md-mermaid-label-fg-color);
}
/* Attribute box */ /* Attribute box */
.attributeBoxEven, .attributeBoxEven,
.attributeBoxOdd { .attributeBoxOdd {
@ -328,6 +348,11 @@ defs #ZERO_OR_MORE_END circle {
* Rules: sequence diagrams * Rules: sequence diagrams
* ------------------------------------------------------------------------- */ * ------------------------------------------------------------------------- */
/* Sequence diagram title */
text:not([class]):last-child {
fill: var(--md-mermaid-label-fg-color);
}
/* Sequence actor */ /* Sequence actor */
.actor { .actor {
fill: var(--md-mermaid-sequence-actor-bg-color); fill: var(--md-mermaid-sequence-actor-bg-color);