diff --git a/CHANGELOG.md b/CHANGELOG.md index b3f884e8..90b774d3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -36,12 +36,11 @@ Documentation was added for future OpenProblems v2. This is still in development * `More information/Troubleshooting`: Describes the most common errors that can occur when contributing/developing. -# openproblems.bio v2.1.2 - ## MINOR CHANGES * Updating task images from `.png` to `.svg` (#205). * Set funkyheatmap colors for dark mode via js instead of css (#208). +* Set color palette dynamically for funkyheatmap (#210). # openproblems.bio v2.1.1 diff --git a/results/_blocks/_summary_figure.qmd b/results/_blocks/_summary_figure.qmd index f9932f7c..c10b0d88 100644 --- a/results/_blocks/_summary_figure.qmd +++ b/results/_blocks/_summary_figure.qmd @@ -163,6 +163,6 @@ funkyheatmap( funkyheatmap = (await require('d3@7').then(d3 => { window.d3 = d3; window._ = _; - return import('https://unpkg.com/funkyheatmap-js@0.1.8'); + return import('https://unpkg.com/funkyheatmap-js@0.1.9'); })).default; ``` diff --git a/results/task_template.css b/results/task_template.css index 4f5163ba..4c2073d8 100644 --- a/results/task_template.css +++ b/results/task_template.css @@ -58,3 +58,8 @@ div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody { section#details details img.img-fluid { filter: invert(var(--invert-colors)); } + +/* funkyheatmap */ +.quarto-figure .funkyheatmap .fh-geom { + filter: brightness(var(--brightness-dim)); +} diff --git a/theme-dark.scss b/theme-dark.scss index 3c10613f..ed303a0e 100644 --- a/theme-dark.scss +++ b/theme-dark.scss @@ -18,3 +18,7 @@ $body-bg: #1d2527; --shadow-color: #000; --card-bg-color: #323839; } + +.quarto-figure .funkyheatmap { + --brightness-dim: 85%; +} diff --git a/theme-light.scss b/theme-light.scss index 80f6d111..b941f6dd 100644 --- a/theme-light.scss +++ b/theme-light.scss @@ -14,4 +14,8 @@ .card-shadow { --shadow-color: #5a6268; --card-bg-color: #ffffff; -} \ No newline at end of file +} + +.quarto-figure .funkyheatmap { + --brightness-dim: 100%; +}