From f8b75e98052356de4ccdae9b232a8d719137a52e Mon Sep 17 00:00:00 2001
From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= <mosra@centrum.cz>
Date: Mon, 18 Jun 2018 15:06:05 +0200
Subject: [PATCH] css: make it possible to have colored *parts* of math
 equations.

---
 css/m-components.css             | 37 +++++++++++++++++++++++++-------
 css/m-dark+doxygen.compiled.css  | 35 ++++++++++++++++++++++++------
 css/m-dark.compiled.css          | 35 ++++++++++++++++++++++++------
 css/m-light+doxygen.compiled.css | 35 ++++++++++++++++++++++++------
 css/m-light.compiled.css         | 35 ++++++++++++++++++++++++------
 5 files changed, 141 insertions(+), 36 deletions(-)

diff --git a/css/m-components.css b/css/m-components.css
index 7260014d..2c8ddd4c 100644
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -983,27 +983,48 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: var(--dim-color); }
 
-/* Colored math block, inline math, plots */
+/* Colored math block, inline math, colored math parts, plots */
 div.m-math svg, svg.m-math { fill: var(--color); }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: var(--default-color);
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: var(--primary-color);
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: var(--success-color);
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: var(--warning-color);
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: var(--danger-color);
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: var(--info-color);
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: var(--dim-color);
 }
 
diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css
index f38ecfb4..2621a41e 100644
--- a/css/m-dark+doxygen.compiled.css
+++ b/css/m-dark+doxygen.compiled.css
@@ -1287,25 +1287,46 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: #747474; }
 div.m-math svg, svg.m-math { fill: #dcdcdc; }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: #dcdcdc;
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: #a5c9ea;
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: #3bd267;
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: #c7cf2f;
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: #cd3431;
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: #2f83cc;
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: #747474;
 }
 p, ul, ol, dl, blockquote, pre, figure.m-code-figure, figure.m-console-figure,
diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index f17f987a..9df06a75 100644
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -1287,25 +1287,46 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: #747474; }
 div.m-math svg, svg.m-math { fill: #dcdcdc; }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: #dcdcdc;
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: #a5c9ea;
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: #3bd267;
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: #c7cf2f;
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: #cd3431;
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: #2f83cc;
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: #747474;
 }
 p, ul, ol, dl, blockquote, pre, figure.m-code-figure, figure.m-console-figure,
diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css
index 54648fb1..67517091 100644
--- a/css/m-light+doxygen.compiled.css
+++ b/css/m-light+doxygen.compiled.css
@@ -1287,25 +1287,46 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: #bdbdbd; }
 div.m-math svg, svg.m-math { fill: #000000; }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: #000000;
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: #cb4b16;
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: #31c25d;
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: #c7cf2f;
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: #f60000;
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: #2e7dc5;
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: #bdbdbd;
 }
 p, ul, ol, dl, blockquote, pre, figure.m-code-figure, figure.m-console-figure,
diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index f341b00e..ace533f7 100644
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -1287,25 +1287,46 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: #bdbdbd; }
 div.m-math svg, svg.m-math { fill: #000000; }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: #000000;
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: #cb4b16;
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: #31c25d;
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: #c7cf2f;
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: #f60000;
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: #2e7dc5;
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: #bdbdbd;
 }
 p, ul, ol, dl, blockquote, pre, figure.m-code-figure, figure.m-console-figure,
-- 
2.30.2