Hide strikethroughs in completed tasks found through dataviewjs

[Jesse-Kerr]

Hello everyone. I use dataviewjs to query my tasks. I want to be able to look at the completed tasks, but they have a strikethrough through them.

I managed to hide strikethroughs in tasks using one of the css snippets below, but they don't work when I query through dataview.
Would appreciate some help with this. Thank you!

.markdown-preview-view ul > li.task-list-item.is-checked {
	opacity: 100%;
	text-decoration: line-through;
  }

  /* <<------------- Hide Strikethrough in READING VIEW ----------------->> */
.markdown-preview-view ul>li.task-list-item {
	opacity: 100%;
	text-decoration: line-through;
}
/* <<------------- Hide Strikethrough in LIVE PREVIEW ----------------->> */
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"] {
	opacity: 100%;
	text-decoration: none;
}

[brianbecsi]

Jesse - I was able to accomplish this.

1. Installed the theme Sanctum
2. Installed and enable community plugin Style Settings
3. Selected the option "No Strike" under "Tasks" in Style Settings

Completing the task via a dataview query now "grays out" the text in the task, without strikethrough for both the Dataview Query and the in-content task.