🐛 Fix checkbox rendering; Fixes #20

Author: ebullient

src/templates/CHECKBOXES.eta

@@ -57,7 +57,7 @@ function defineColors(i, ts) {
     --<%~ root %>-li-<%= i %>: <% tR += getForeground(li, false) %>;
     --<%~ root %>-li-bg-<%= i %>: <% tR += getBackground(li, false) %>;
 }
-.theme-dark .print,
+.theme-dark .print:not(.published-container),
 .theme-light {
     --<%~ root %>-checkbox-<%= i %>: <% tR += getForeground(ts.checkbox, true) %>;
     --<%~ root %>-checkbox-bg-<%= i %>: <% tR += getBackground(ts.checkbox, true) %>;
@@ -85,7 +85,7 @@ li[data-task="<%~ ts.data %>"] {
 div[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked,
 div[data-task="<%~ ts.data %>"] > p > input[type=checkbox]:checked,
 li[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked,
-li[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked {
+li[data-task="<%~ ts.data %>"] > p > input[type=checkbox]:checked {
   color: var(--checkbox-color);
   background: var(--<%~ root %>-checkbox-bg-<%= i %>);
   <% if (ts.checkbox.preventClick) { %>
@@ -96,10 +96,10 @@ li[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked {
   border: 0px;
   <% } %>
 }
-div[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked::after,
-div[data-task="<%~ ts.data %>"] > p > input[type=checkbox]:checked::after,
-li[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked::after
-li[data-task="<%~ ts.data %>"] > p > input[type=checkbox]:checked::after {
+div[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked:after,
+div[data-task="<%~ ts.data %>"] > p > input[type=checkbox]:checked:after,
+li[data-task="<%~ ts.data %>"] > input[type=checkbox]:checked:after,
+li[data-task="<%~ ts.data %>"] > p > input[type=checkbox]:checked:after {
     transform: none;
     -webkit-mask-image: none;
     background: unset;