I added the PrintRiver div class to the code. Give the below update a shot:
.tc-tiddler-body input[type="checkbox"], .tc-tiddler-preview-preview input[type="checkbox"], .tc-sidebar-scrollable input[type="checkbox"], .tc-print-river-view-template input[type="checkbox"] { -webkit-appearance:none; background-color: rgb(38,38,38); border: none; box-shadow: 0 0 0 1px rgba(210,210,210,0.5) inset; display: inline-block; height: 0.8em; outline-color: transparent; width: 0.8em; } .tc-tiddler-body input[type="checkbox"]:checked, .tc-tiddler-preview-preview input[type="checkbox"]:checked, .tc-sidebar-scrollable input[type="checkbox"]:checked, .tc-print-river-view-template input[type="checkbox"]:checked { background-color: rgba(38, 38, 38,0.5); } .tc-tiddler-body input[type="checkbox"]:checked::after, .tc-tiddler-preview-preview input[type="checkbox"]:checked::after, .tc-sidebar-scrollable input[type="checkbox"]:checked::after, .tc-print-river-view-template input[type="checkbox"]:checked::after { color: rgb(144,238,144); content: "\2713"; font-size: 1.1em; font-weight: bold; left: 0; position: relative; text-shadow: 1px 1px 1px #000; top: -0.3em; } .tc-tiddler-body input[type="checkbox"]:active, .tc-tiddler-preview-preview input[type="checkbox"]:active, .tc-sidebar-scrollable input[type="checkbox"]:active, .tc-print-river-view-template input[type="checkbox"]:active { border: none; box-shadow: none; outline-color: transparent; } On Friday, June 18, 2021 at 10:53:11 AM UTC-7 S² wrote: > Hello, > > I got this CSS ( > > https://groups.google.com/g/tiddlywiki/c/483sdAJq6AY/m/r8Q3H8YmBQAJ > ) from Brain - thanks to Brain - to have custom checkbox colors. > > This is working fine for the Wiki but not for the PrintRiver Plugin. > Print Preview: > [image: PrintRiver_print_window.png] > > This is my adapted CSS: > > .tc-tiddler-body input[type="checkbox"], > .tc-tiddler-preview-preview input[type="checkbox"], > .tc-sidebar-scrollable input[type="checkbox"] { > -webkit-appearance:none; > background-color: rgb(38,38,38); > border: none; > box-shadow: 0 0 0 1px rgba(210,210,210,0.5) inset; > display: inline-block; > height: 0.8em; > outline-color: transparent; > width: 0.8em; > } > > .tc-tiddler-body input[type="checkbox"]:checked, > .tc-tiddler-preview-preview input[type="checkbox"]:checked, > .tc-sidebar-scrollable input[type="checkbox"]:checked { > background-color: rgba(38, 38, 38,0.5); > } > > .tc-tiddler-body input[type="checkbox"]:checked::after, > .tc-tiddler-preview-preview input[type="checkbox"]:checked::after, > .tc-sidebar-scrollable input[type="checkbox"]:checked::after { > color: rgb(144,238,144); > content: "\2713"; > font-size: 1.1em; > font-weight: bold; > left: 0; > position: relative; > text-shadow: 1px 1px 1px #000; > top: -0.3em; > } > > .tc-tiddler-body input[type="checkbox"]:active, > .tc-tiddler-preview-preview input[type="checkbox"]:active, > .tc-sidebar-scrollable input[type="checkbox"]:active { > border: none; > box-shadow: none; > outline-color: transparent; > } > > What is needed to have it also for the PrintRiver Plugin? > > Thanks for feedback > Stefan > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/fda83f97-b2a3-4b0b-8560-a066406f133bn%40googlegroups.com.