Dark mode checkboxes
@@ -86,7 +86,7 @@ textarea {
display: inline-flex;
justify-content: center;
align-items: center;
- background: #fff;
+ background: var(--input-bg-color);
width: 16px;
height: 16px;
margin-right: 5px;
@@ -96,7 +96,10 @@ textarea {
}
.FormField input[type="checkbox"]:checked + .FormCheckbox:after {
- content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="var(--main-text-color)"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
+ content: "";
+ -webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="#808080"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>')
+ no-repeat 50% 50%;
+ background: var(--input-text-color);
display: block;
width: 10px;
height: 14px;
