Open nzarbayezid opened 2 years ago
This should be the expected way for dark mode, but it would be interesting if we could toggle it.
There is a fork of this, where this issue is remedied, but has not been updated.
https://github.com/stegatxins0/review-heatmap/tree/v1.0.0-beta.2
Personally, I like the light mode for heatmap better in combo with anki dark mode (particularly using light colors for more reviews bugged me, but light mode is also more legible).
I was able to change it by editing:
\Anki2\addons21\1771074083\web\anki-review-heatmap.js
The second line, starting "__vite_style__.innerHTML =" contains the settings. Find and replace all instances of night-mode with something else (e.g. rh-invert-colors, like in the fork above). This will break the night-mode function and restore light-mode.
If you wish to just change the color inverting, you can just remove the night_mode settings for the theme colors, like here, while keeping the changes for the heatmap container in place.
https://github.com/glutanimate/review-heatmap/compare/main...stegatxins0:review-heatmap:master
Step: 1: Go to this location and open this file \Anki2\addons21\1771074083\web\anki-review-heatmap.js
Step: 2: Find(second line) the "__vite_style__.innerHTML=" variable and replace with the followings
__vite_style__.innerHTML = '/ Cal-HeatMap CSS /\n\n.cal-heatmap-container {\n display: block;\n}\n\n.cal-heatmap-container .graph\n{\n font-family: "Lucida Grande", Lucida, Verdana, sans-serif;\n}\n\n.cal-heatmap-container .graph-label\n{\n fill: #999;\n font-size: 10px\n}\n\n.cal-heatmap-container .graph, .cal-heatmap-container .graph-legend rect {\n shape-rendering: crispedges\n}\n\n.cal-heatmap-container .graph-rect\n{\n fill: #ededed\n}\n\n.cal-heatmap-container .graph-subdomain-group rect:hover\n{\n stroke: #000;\n stroke-width: 1px\n}\n\n.cal-heatmap-container .subdomain-text {\n font-size: 8px;\n fill: #999;\n pointer-events: none\n}\n\n.cal-heatmap-container .hover_cursor:hover {\n cursor: pointer\n}\n\n.cal-heatmap-container .qi {\n background-color: #999;\n fill: #999\n}\n\n/\nRemove comment to apply this style to date with value equal to 0\n.q0\n{\n background-color: #fff;\n fill: #fff;\n stroke: #ededed\n}\n/\n\n.cal-heatmap-container .q1\n{\n background-color: #dae289;\n fill: #dae289\n}\n\n.cal-heatmap-container .q2\n{\n background-color: #cedb9c;\n fill: #9cc069\n}\n\n.cal-heatmap-container .q3\n{\n background-color: #b5cf6b;\n fill: #669d45\n}\n\n.cal-heatmap-container .q4\n{\n background-color: #637939;\n fill: #637939\n}\n\n.cal-heatmap-container .q5\n{\n background-color: #3b6427;\n fill: #3b6427\n}\n\n.cal-heatmap-container rect.highlight\n{\n stroke:#444;\n stroke-width:1\n}\n\n.cal-heatmap-container text.highlight\n{\n fill: #444\n}\n\n.cal-heatmap-container rect.highlight-now\n{\n stroke: red\n}\n\n.cal-heatmap-container text.highlight-now\n{\n fill: red;\n font-weight: 800\n}\n\n.cal-heatmap-container .domain-background {\n fill: none;\n shape-rendering: crispedges\n}\n\n.cal-heatmap-container .day-name-rect {\n fill: transparent;\n}\n\n.cal-heatmap-container .day-name-text {\n font-size: 10px;\n fill: #999;\n}\n\n.ch-tooltip {\n padding: 10px;\n background: #222;\n color: #bbb;\n font-size: 12px;\n line-height: 1.4;\n width: 140px;\n position: absolute;\n z-index: 99999;\n text-align: center;\n border-radius: 2px;\n box-shadow: 2px 2px 2px rgba(0,0,0,0.2);\n display: none;\n box-sizing: border-box;\n}\n\n.ch-tooltip::after{\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n content: "";\n padding: 0;\n display: block;\n bottom: -6px;\n left: 50%;\n margin-left: -6px;\n border-width: 6px 6px 0;\n border-top-color: #222;\n}\n/ \nThis file is part of the Review Heatmap add-on for Anki\n\nCustom Heatmap CSS\n\nCopyright: (c) 2016-2022 Glutanimate https://glutanimate.com/\nLicense: GNU AGPLv3 https://www.gnu.org/licenses/agpl.html\n/\n\n/ Special classes:\n"rh-platform-mac": Set when run on macOS\n"rh-platform-win": Set when run on Windows\n"rh-platform-lin": Set when run on Linux\n"rh-theme-olive", "rh-theme-lime", "rh-theme-ice",\n "rh-theme-magenta", "rh-theme-flame": Set when respective theme active\n"rh-mode-year": Set when calendar set to year mode\n"rh-mode-months": Set when calendar set to months mode\n"rh-view-deckbrowser", "rh-view-overview", "rh-view-stats": Set when drawn\n on respective view\n"rh-disable-stats": Set when streak stats disabled\n"rh-disable-heatmap": Set when heatmap disabled\n"night_mode": Set when night mode active (provided by Night Mode add-on)\n/\n\n/ General layout /\n/ ################################################################### /\n\n.rh-container {\n margin-top: 1em;\n}\n\n.heatmap {\n display:inline-block;\n}\n.heatmap-controls {\n margin-bottom: 0;\n}\n\n/ Heatmap graph adjustments /\n/ ################################################################### /\n\n.cal-heatmap-container .graph {\n font-family: unset;\n}\n.graph-label {\n fill: #808080;\n}\n\n/ Graph rects /\n.cal-heatmap-container rect.highlight-now {\n stroke: black;\n}\n.cal-heatmap-container rect.highlight {\n stroke: #E9002E;\n}\n.cal-heatmap-container .graph-rect {\n fill: #eaeaea;\n}\n.night_mode .cal-heatmap-container .graph-rect {\n fill: #222222;\n}\n\n/ Heatmap hover tooltip /\n/ ################################################################### /\n\n.ch-tooltip {\n color: rgb(240, 240, 240);\n animation: 0.5s ease 0s normal forwards 1 fadein;\n -webkit-animation: 0.5s ease 0s normal forwards 1 fadein;\n}\n/ Delay tooltip using fadein /\n@keyframes fadein {\n 0% { opacity:0; }\n 66% { opacity:0; }\n 100% { opacity:0.9; }\n}\n@-webkit-keyframes fadein {\n 0% { opacity:0; }\n 66% { opacity:0; }\n 100% { opacity:0.9; }\n}\n\n/ Heatmap button area /\n/ ################################################################### /\n.alignleft {\n float: left;\n width:33.33333%;\n text-align:left;\n}\n.aligncenter {\n float: left;\n width:33.33333%;\n text-align:center;\n}\n.alignright {\n float: left;\n width:33.33333%;\n text-align:right;\n}\n\n/ Heatmap buttons /\n/ ################################################################### /\n\n/ Regular buttons /\n.hm-btn {\n height: 100%;\n display: inline-block;\n cursor: pointer;\n background: #e6e6e6;\n color: #808080;\n padding: 2px 8px;\n border-radius: 3px;\n margin-left: 2px;\n text-decoration: none;\n user-select: none;\n vertical-align: center;\n}\n.hm-btn:hover {\n background: #bfbfbf;\n}\n.hm-btn:active {\n background: #000;\n}\n.night_mode .hm-btn {\n background-color: #313d45;\n}\n.night_mode .hm-btn:hover {\n background-color: #374f5b;\n}\n.night_mode .hm-btn:active {\n background-color: #433376;\n}\n\n\n/ Options button /\n.opts-btn {\n padding: 2px 4px;\n}\n.opts-btn:hover {\n background: #bfbfbf;\n}\n.opts-btn>img {\n position:relative;\n top: calc(50% - 12px);\n height: 10px;\n width: 10px;\n}\n\n/ Heatmap activity type widget /\n/ ################################################################### /\n.hm-sel {\n display: inline-block;\n height: 100%;\n padding: 4px 8px;\n font-size: 80%;\n cursor: pointer;\n color: #808080;\n border-radius: 3px;\n user-select: none;\n border: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: url(qrc:/review_heatmap/icons/down.svg) 96% / 10% no-repeat #e6e6e6;\n}\nselect.hm-sel:hover {\n background: url(qrc:/review_heatmap/icons/down.svg) 96% / 10% no-repeat #bfbfbf;\n}\nselect.hm-sel:active, select.hm-sel:focus {\n background: url(qrc:/review_heatmap/icons/down.svg) 96% / 10% no-repeat #e6e6e6;\n}\n\n/ Heatmap links /\n/ ################################################################### /\n\n/ we use these instead of regular links to prevent bugs with page navigation,\n prevent the link color from changing on click, etc./\n\n.linkspan {\n cursor:pointer;\n color:blue;\n text-decoration:underline;\n}\n\n.night_mode .linkspan {\n color: white;\n}\n\n/ Streak stats /\n/ ################################################################### /\n\n/ TODO: investigate why we had two copies of these /\n.streak {margin-top: 0.5em;}\n.streak-info {\n margin-left: 1em;\n}\n.sstats {\n font-weight: bold;\n color: #E6E6E6;\n}\n\n\n\n\n\n/ Color themes /\n/ ################################################################### /\n\n\n/ FORECAST RECT COLORS /\n/\n- same for every theme \n- reverse order because of negative value workaround \n/\n.cal-heatmap-container .q1{fill: #525252}\n.cal-heatmap-container .q2{fill: #616161}\n.cal-heatmap-container .q3{fill: #707070}\n.cal-heatmap-container .q4{fill: #7F7F7F}\n.cal-heatmap-container .q5{fill: #8E8E8E}\n.cal-heatmap-container .q6{fill: #9D9D9D}\n.cal-heatmap-container .q7{fill: #ACACAC}\n.cal-heatmap-container .q8{fill: #BBBBBB}\n.cal-heatmap-container .q9{fill: #CACACA}\n.cal-heatmap-container .q10{fill: #D9D9D9}\n\n.rh-invert-colors .cal-heatmap-container .q1{fill: #5d5f5f}\n.rh-invert-colors .cal-heatmap-container .q2{fill: #585a5a}\n.rh-invert-colors .cal-heatmap-container .q3{fill: #535555}\n.rh-invert-colors .cal-heatmap-container .q4{fill: #4e5050}\n.rh-invert-colors .cal-heatmap-container .q5{fill: #494b4b}\n.rh-invert-colors .cal-heatmap-container .q6{fill: #444646}\n.rh-invert-colors .cal-heatmap-container .q7{fill: #3f4141}\n.rh-invert-colors .cal-heatmap-container .q8{fill: #3a3c3c}\n.rh-invert-colors .cal-heatmap-container .q9{fill: #353737}\n.rh-invert-colors .cal-heatmap-container .q10{fill: #313232}\n\n/ REVIEW HISTORY COLORS /\n/\n- different between each theme\n/\n\n/ olive /\n.rh-theme-olive .cal-heatmap-container .q11{fill: #dae289}\n.rh-theme-olive .cal-heatmap-container .q12{fill: #bbd179}\n.rh-theme-olive .cal-heatmap-container .q13{fill: #9cc069}\n.rh-theme-olive .cal-heatmap-container .q14{fill: #8ab45d}\n.rh-theme-olive .cal-heatmap-container .q15{fill: #78a851}\n.rh-theme-olive .cal-heatmap-container .q16{fill: #669d45}\n.rh-theme-olive .cal-heatmap-container .q17{fill: #648b3f}\n.rh-theme-olive .cal-heatmap-container .q18{fill: #637939}\n.rh-theme-olive .cal-heatmap-container .q19{fill: #4f6e30}\n.rh-theme-olive .cal-heatmap-container .q20{fill: #3b6427}\n\n.rh-theme-olive .rh-col11{color: #dae289}\n.rh-theme-olive .rh-col12{color: #bbd179}\n.rh-theme-olive .rh-col13{color: #9cc069}\n.rh-theme-olive .rh-col14{color: #8ab45d}\n.rh-theme-olive .rh-col15{color: #78a851}\n.rh-theme-olive .rh-col16{color: #669d45}\n.rh-theme-olive .rh-col17{color: #648b3f}\n.rh-theme-olive .rh-col18{color: #637939}\n.rh-theme-olive .rh-col19{color: #4f6e30}\n.rh-theme-olive .rh-col20{color: #3b6427}\n\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q11{fill: #3b6427}\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q12{fill: #4f6e30}\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q13{fill: #637939}\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q14{fill: #648b3f}\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q15{fill: #669d45}\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q16{fill: #78a851}\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q17{fill: #8ab45d}\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q18{fill: #9cc069}\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q19{fill: #bbd179}\n.rh-invert-colors .rh-theme-olive .cal-heatmap-container .q20{fill: #dae289}\n\n.rh-invert-colors .rh-theme-olive .rh-col11{color: #3b6427}\n.rh-invert-colors .rh-theme-olive .rh-col12{color: #4f6e30}\n.rh-invert-colors .rh-theme-olive .rh-col13{color: #637939}\n.rh-invert-colors .rh-theme-olive .rh-col14{color: #648b3f}\n.rh-invert-colors .rh-theme-olive .rh-col15{color: #669d45}\n.rh-invert-colors .rh-theme-olive .rh-col16{color: #78a851}\n.rh-invert-colors .rh-theme-olive .rh-col17{color: #8ab45d}\n.rh-invert-colors .rh-theme-olive .rh-col18{color: #9cc069}\n.rh-invert-colors .rh-theme-olive .rh-col19{color: #bbd179}\n.rh-invert-colors .rh-theme-olive .rh-col20{color: #dae289}\n\n/ lime /\n.rh-theme-lime .cal-heatmap-container .q11{fill: #d6e685}\n.rh-theme-lime .cal-heatmap-container .q12{fill: #bddb7a}\n.rh-theme-lime .cal-heatmap-container .q13{fill: #a4d06f}\n.rh-theme-lime .cal-heatmap-container .q14{fill: #8cc665}\n.rh-theme-lime .cal-heatmap-container .q15{fill: #74ba58}\n.rh-theme-lime .cal-heatmap-container .q16{fill: #5cae4c}\n.rh-theme-lime .cal-heatmap-container .q17{fill: #44a340}\n.rh-theme-lime .cal-heatmap-container .q18{fill: #378f36}\n.rh-theme-lime .cal-heatmap-container .q19{fill: #2a7b2c}\n.rh-theme-lime .cal-heatmap-container .q20{fill: #1e6823}\n\n.rh-theme-lime .rh-col11{color: #d6e685}\n.rh-theme-lime .rh-col12{color: #bddb7a}\n.rh-theme-lime .rh-col13{color: #a4d06f}\n.rh-theme-lime .rh-col14{color: #8cc665}\n.rh-theme-lime .rh-col15{color: #74ba58}\n.rh-theme-lime .rh-col16{color: #5cae4c}\n.rh-theme-lime .rh-col17{color: #44a340}\n.rh-theme-lime .rh-col18{color: #378f36}\n.rh-theme-lime .rh-col19{color: #2a7b2c}\n.rh-theme-lime .rh-col20{color: #1e6823}\n\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q11{fill: #1e6823}\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q12{fill: #2a7b2c}\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q13{fill: #378f36}\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q14{fill: #44a340}\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q15{fill: #5cae4c}\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q16{fill: #74ba58}\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q17{fill: #8cc665}\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q18{fill: #a4d06f}\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q19{fill: #bddb7a}\n.rh-invert-colors .rh-theme-lime .cal-heatmap-container .q20{fill: #d6e685}\n\n.rh-invert-colors .rh-theme-lime .rh-col11{color: #1e6823}\n.rh-invert-colors .rh-theme-lime .rh-col12{color: #2a7b2c}\n.rh-invert-colors .rh-theme-lime .rh-col13{color: #378f36}\n.rh-invert-colors .rh-theme-lime .rh-col14{color: #44a340}\n.rh-invert-colors .rh-theme-lime .rh-col15{color: #5cae4c}\n.rh-invert-colors .rh-theme-lime .rh-col16{color: #74ba58}\n.rh-invert-colors .rh-theme-lime .rh-col17{color: #8cc665}\n.rh-invert-colors .rh-theme-lime .rh-col18{color: #a4d06f}\n.rh-invert-colors .rh-theme-lime .rh-col19{color: #bddb7a}\n.rh-invert-colors .rh-theme-lime .rh-col20{color: #d6e685}\n\n/ ice /\n.rh-theme-ice .cal-heatmap-container .q11{fill: #a8d5f6}\n.rh-theme-ice .cal-heatmap-container .q12{fill: #95c8f3}\n.rh-theme-ice .cal-heatmap-container .q13{fill: #82bbf0}\n.rh-theme-ice .cal-heatmap-container .q14{fill: #70afee}\n.rh-theme-ice .cal-heatmap-container .q15{fill: #5da2eb}\n.rh-theme-ice .cal-heatmap-container .q16{fill: #4a95e8}\n.rh-theme-ice .cal-heatmap-container .q17{fill: #3889e6}\n.rh-theme-ice .cal-heatmap-container .q18{fill: #257ce3}\n.rh-theme-ice .cal-heatmap-container .q19{fill: #126fe0}\n.rh-theme-ice .cal-heatmap-container .q20{fill: #0063de}\n\n.rh-theme-ice .rh-col11{color: #a8d5f6}\n.rh-theme-ice .rh-col12{color: #95c8f3}\n.rh-theme-ice .rh-col13{color: #82bbf0}\n.rh-theme-ice .rh-col14{color: #70afee}\n.rh-theme-ice .rh-col15{color: #5da2eb}\n.rh-theme-ice .rh-col16{color: #4a95e8}\n.rh-theme-ice .rh-col17{color: #3889e6}\n.rh-theme-ice .rh-col18{color: #257ce3}\n.rh-theme-ice .rh-col19{color: #126fe0}\n.rh-theme-ice .rh-col20{color: #0063de}\n\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q11{fill: #0063de}\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q12{fill: #126fe0}\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q13{fill: #257ce3}\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q14{fill: #3889e6}\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q15{fill: #4a95e8}\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q16{fill: #5da2eb}\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q17{fill: #70afee}\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q18{fill: #82bbf0}\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q19{fill: #95c8f3}\n.rh-invert-colors .rh-theme-ice .cal-heatmap-container .q20{fill: #a8d5f6}\n\n.rh-invert-colors .rh-theme-ice .rh-col11{color: #0063de}\n.rh-invert-colors .rh-theme-ice .rh-col12{color: #126fe0}\n.rh-invert-colors .rh-theme-ice .rh-col13{color: #257ce3}\n.rh-invert-colors .rh-theme-ice .rh-col14{color: #3889e6}\n.rh-invert-colors .rh-theme-ice .rh-col15{color: #4a95e8}\n.rh-invert-colors .rh-theme-ice .rh-col16{color: #5da2eb}\n.rh-invert-colors .rh-theme-ice .rh-col17{color: #70afee}\n.rh-invert-colors .rh-theme-ice .rh-col18{color: #82bbf0}\n.rh-invert-colors .rh-theme-ice .rh-col19{color: #95c8f3}\n.rh-invert-colors .rh-theme-ice .rh-col20{color: #a8d5f6}\n\n/ magenta /\n.rh-theme-magenta .cal-heatmap-container .q11{fill: #fde0dd}\n.rh-theme-magenta .cal-heatmap-container .q12{fill: #fcc5c0}\n.rh-theme-magenta .cal-heatmap-container .q13{fill: #fa9fb5}\n.rh-theme-magenta .cal-heatmap-container .q14{fill: #f768a1}\n.rh-theme-magenta .cal-heatmap-container .q15{fill: #ea4e9c}\n.rh-theme-magenta .cal-heatmap-container .q16{fill: #dd3497}\n.rh-theme-magenta .cal-heatmap-container .q17{fill: #ae017e}\n.rh-theme-magenta .cal-heatmap-container .q18{fill: #7a0177}\n.rh-theme-magenta .cal-heatmap-container .q19{fill: #610070}\n.rh-theme-magenta .cal-heatmap-container .q20{fill: #49006a}\n\n.rh-theme-magenta .rh-col11{color: #fde0dd}\n.rh-theme-magenta .rh-col12{color: #fcc5c0}\n.rh-theme-magenta .rh-col13{color: #fa9fb5}\n.rh-theme-magenta .rh-col14{color: #f768a1}\n.rh-theme-magenta .rh-col15{color: #ea4e9c}\n.rh-theme-magenta .rh-col16{color: #dd3497}\n.rh-theme-magenta .rh-col17{color: #ae017e}\n.rh-theme-magenta .rh-col18{color: #7a0177}\n.rh-theme-magenta .rh-col19{color: #610070}\n.rh-theme-magenta .rh-col20{color: #49006a}\n\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q11{fill: #49006a}\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q12{fill: #610070}\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q13{fill: #7a0177}\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q14{fill: #ae017e}\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q15{fill: #dd3497}\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q16{fill: #ea4e9c}\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q17{fill: #f768a1}\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q18{fill: #fa9fb5}\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q19{fill: #fcc5c0}\n.rh-invert-colors .rh-theme-magenta .cal-heatmap-container .q20{fill: #fde0dd}\n\n.rh-invert-colors .rh-theme-magenta .rh-col11{color: #49006a}\n.rh-invert-colors .rh-theme-magenta .rh-col12{color: #610070}\n.rh-invert-colors .rh-theme-magenta .rh-col13{color: #7a0177}\n.rh-invert-colors .rh-theme-magenta .rh-col14{color: #ae017e}\n.rh-invert-colors .rh-theme-magenta .rh-col15{color: #dd3497}\n.rh-invert-colors .rh-theme-magenta .rh-col16{color: #ea4e9c}\n.rh-invert-colors .rh-theme-magenta .rh-col17{color: #f768a1}\n.rh-invert-colors .rh-theme-magenta .rh-col18{color: #fa9fb5}\n.rh-invert-colors .rh-theme-magenta .rh-col19{color: #fcc5c0}\n.rh-invert-colors .rh-theme-magenta .rh-col20{color: #fde0dd}\n\n\n/ flame /\n.rh-theme-flame .cal-heatmap-container .q11{fill: #ffeda0}\n.rh-theme-flame .cal-heatmap-container .q12{fill: #fed976}\n.rh-theme-flame .cal-heatmap-container .q13{fill: #feb24c}\n.rh-theme-flame .cal-heatmap-container .q14{fill: #fd8d3c}\n.rh-theme-flame .cal-heatmap-container .q15{fill: #fc6d33}\n.rh-theme-flame .cal-heatmap-container .q16{fill: #fc4e2a}\n.rh-theme-flame .cal-heatmap-container .q17{fill: #e31a1c}\n.rh-theme-flame .cal-heatmap-container .q18{fill: #d00d21}\n.rh-theme-flame .cal-heatmap-container .q19{fill: #bd0026}\n.rh-theme-flame .cal-heatmap-container .q20{fill: #800026}\n\n.rh-theme-flame .rh-col11{color: #ffeda0}\n.rh-theme-flame .rh-col12{color: #fed976}\n.rh-theme-flame .rh-col13{color: #feb24c}\n.rh-theme-flame .rh-col14{color: #fd8d3c}\n.rh-theme-flame .rh-col15{color: #fc6d33}\n.rh-theme-flame .rh-col16{color: #fc4e2a}\n.rh-theme-flame .rh-col17{color: #e31a1c}\n.rh-theme-flame .rh-col18{color: #d00d21}\n.rh-theme-flame .rh-col19{color: #bd0026}\n.rh-theme-flame .rh-col20{color: #800026}\n\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q11{fill: #800026}\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q12{fill: #bd0026}\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q13{fill: #d00d21}\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q14{fill: #e31a1c}\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q15{fill: #fc4e2a}\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q16{fill: #fc6d33}\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q17{fill: #fd8d3c}\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q18{fill: #feb24c}\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q19{fill: #fed976}\n.rh-invert-colors .rh-theme-flame .cal-heatmap-container .q20{fill: #ffeda0}\n\n.rh-invert-colors .rh-theme-flame .rh-col11{color: #800026}\n.rh-invert-colors .rh-theme-flame .rh-col12{color: #bd0026}\n.rh-invert-colors .rh-theme-flame .rh-col13{color: #d00d21}\n.rh-invert-colors .rh-theme-flame .rh-col14{color: #e31a1c}\n.rh-invert-colors .rh-theme-flame .rh-col15{color: #fc4e2a}\n.rh-invert-colors .rh-theme-flame .rh-col16{color: #fc6d33}\n.rh-invert-colors .rh-theme-flame .rh-col17{color: #fd8d3c}\n.rh-invert-colors .rh-theme-flame .rh-col18{color: #feb24c}\n.rh-invert-colors .rh-theme-flame .rh-col19{color: #fed976}\n.rh-invert-colors .rh-theme-flame .rh-col20{color: #ffeda0}\n\n\n/ Platform-specific adjustments / workarounds /\n/ ################################################################### /\n';
Problem description
as you can see in this video when you enable dark mod the addon detects the highest reviews day as light yellow and change dark green for the lowest review day
https://user-images.githubusercontent.com/101425664/174354018-2402fe46-15e9-4984-9aeb-d0fef193b253.mp4
Checklist
Please replace the space inside the brackets with an x if the following items apply:
Information about your Anki set-up
Please open Anki, go to Help → About, click on "Copy Debug Info", and paste the result between the backticks below (if the button does not appear you are using an older version of Anki 2.1 and will need to update first):
Error message (if any)
If you've received an error message, please copy and paste it between the backticks below: