From 4c3cb1d03ca70119a878d403e8c3abe8c6b48218 Mon Sep 17 00:00:00 2001
From: xero <x@xero.style>
Date: Tue, 19 Nov 2024 02:09:05 -0500
Subject: [PATCH] feat(callouts): new callout styles

---
 manifest.json |   2 +-
 theme.css     | 274 +++++++++++++++++++++++++++++++++++++++++---------
 versions.json |   1 +
 3 files changed, 229 insertions(+), 48 deletions(-)

diff --git a/manifest.json b/manifest.json
index 82a25e3..f396bfe 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
 	"name": "evangelion",
-	"version": "1.2.2",
+	"version": "1.2.3",
 	"minAppVersion": "1.0.0",
 	"author": "xero",
 	"authorUrl": "https://github.com/xero"
diff --git a/theme.css b/theme.css
index 2b404db..57cc8ad 100644
--- a/theme.css
+++ b/theme.css
@@ -515,11 +515,10 @@ blockquote {
 		mix-blend-mode: normal;
 
 		a svg {
-			stroke: #000;
-			fill: #000;
 			padding-right: 3px;
 		}
 
+		.callout-title-inner,
 		em,
 		strong,
 		.cm-em,
@@ -529,7 +528,6 @@ blockquote {
 
 		* {
 			margin: 0px !important;
-			/* required */
 		}
 
 		.cm-hmd-internal-link,
@@ -537,7 +535,6 @@ blockquote {
 		.cm-url,
 		.external-link {
 			color: #201430 !important;
-			/* required */
 			text-decoration-thickness: 1px;
 			text-decoration: underline;
 			text-underline-offset: 1.5px;
@@ -553,20 +550,33 @@ blockquote {
 		.external-link {
 			text-decoration-color: #87ff5f;
 		}
+
+		a,
+		a:visited,
+		.cm-hmd-internal-link,
+		.cm-url,
+		.internal-link,
+		.external-link {
+			font-weight: bold;
+		}
+		code {
+			border-bottom: 0 !important;
+			background: #9284fc;
+			color: #201430;
+			font-weight: bold !important;
+		}
 	}
 
 	.callout[data-callout="bug"],
-	.callout[data-callout="default"],
-	.callout[data-callout="note"],
 	.callout[data-callout="error"],
 	.callout[data-callout="danger"] {
 		background: #db6088;
 		--callout-color: #201430;
 		color: #201430;
 
-		svg {
-			fill: #ae1018;
-			stroke: #201430;
+		code {
+			background: firebrick !important;
+			color: #151515 !important;
 		}
 
 		.cm-hmd-internal-link,
@@ -587,18 +597,19 @@ blockquote {
 		--callout-color: #201430;
 		color: #201430;
 
-		svg {
-			stroke: #660000;
+		code {
+			background: firebrick !important;
+			color: #000;
 		}
 
 		.cm-url,
 		.external-link {
-			text-decoration-color: #87ff5f;
+			text-decoration-color: firebrick;
 		}
 
 		.cm-hmd-internal-link,
 		.internal-link {
-			text-decoration-color: #9f50e1;
+			text-decoration-color: firebrick;
 		}
 	}
 
@@ -609,9 +620,9 @@ blockquote {
 		--callout-color: #201430;
 		color: #201430;
 
-		svg {
-			fill: #87ff5f;
-			stroke: #74008e;
+		code {
+			background: #87ff5f !important;
+			color: #74008e !important;
 		}
 
 		.cm-s-obsidian span.cm-footref,
@@ -620,7 +631,6 @@ blockquote {
 			color: #ce67f0;
 			padding-left: 2px;
 			filter: none !important;
-			/* required */
 		}
 
 		.cm-url,
@@ -640,9 +650,9 @@ blockquote {
 		--callout-color: #201430;
 		color: #201430;
 
-		svg {
-			fill: #d99145;
-			stroke: #201430;
+		code {
+			background: #d99145 !important;
+			color: #201430 !important;
 		}
 
 		.cm-url,
@@ -656,9 +666,9 @@ blockquote {
 		--callout-color: #201430;
 		color: #201430;
 
-		svg {
-			fill: #a4d2ec;
-			stroke: #151515;
+		code {
+			background: #9284fc !important;
+			color: #151515 !important;
 		}
 
 		.cm-hmd-internal-link,
@@ -666,11 +676,12 @@ blockquote {
 			text-decoration-color: #452f5c;
 		}
 	}
-
 	.callout[data-callout="question"],
+	.callout[data-callout="note"],
 	.callout[data-callout="help"],
 	.callout[data-callout="faq"],
 	.callout[data-callout="tip"],
+	.callout[data-callout="default"],
 	.callout[data-callout="hint"],
 	.callout[data-callout="todo"],
 	.callout[data-callout="attention"],
@@ -679,9 +690,9 @@ blockquote {
 		--callout-color: #201430;
 		color: #201430;
 
-		svg {
-			fill: #a4d2ec;
-			stroke: #483160;
+		code {
+			background: #9284fc !important;
+			color: #201430 !important;
 		}
 
 		.cm-url,
@@ -696,17 +707,117 @@ blockquote {
 	}
 
 	.callout[data-callout="important"] {
-		svg {
-			stroke: #201430;
-			fill: #db6088;
+		code {
+			color: #151515 !important;
+			background: #d99145 !important;
 		}
 	}
 
+	.callout[data-callout="default"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="lightblue" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-feather"><path d="M12.67 19a2 2 0 0 0 1.416-.588l6.154-6.172a6 6 0 0 0-8.49-8.49L5.586 9.914A2 2 0 0 0 5 11.328V18a1 1 0 0 0 1 1z"/><path d="M16 8 2 22"/><path d="M17.5 15H9"/></svg>');
+	}
+	.callout[data-callout="error"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="red" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-skull"><path d="m12.5 17-.5-1-.5 1h1z"/><path d="M15 22a1 1 0 0 0 1-1v-1a2 2 0 0 0 1.56-3.25 8 8 0 1 0-11.12 0A2 2 0 0 0 8 20v1a1 1 0 0 0 1 1z"/><circle cx="15" cy="12" r="1"/><circle cx="9" cy="12" r="1"/></svg>');
+	}
+	.callout[data-callout="caution"] .callout-icon,
+	.callout[data-callout="warning"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="orange" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>');
+	}
+	.callout[data-callout="attention"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="lightblue" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>');
+	}
+	.callout[data-callout="abstract"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="orange" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scroll"><path d="M19 17V5a2 2 0 0 0-2-2H4"/><path d="M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3"/></svg>');
+	}
+	.callout[data-callout="example"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="lightblue" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-marked"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><path d="M10 2v8l3-3 3 3V2"/></svg>');
+	}
+	.callout[data-callout="question"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="lightblue" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle-question"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>');
+	}
+	.callout[data-callout="note"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="lightblue" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-notepad-text"><path d="M8 2v4"/><path d="M12 2v4"/><path d="M16 2v4"/><rect width="16" height="18" x="4" y="4" rx="2"/><path d="M8 10h6"/><path d="M8 14h8"/><path d="M8 18h5"/></svg>');
+	}
+	.callout[data-callout="fail"] .callout-icon,
+	.callout[data-callout="failure"] .callout-icon,
+	.callout[data-callout="missing"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="red" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>');
+	}
+	.callout[data-callout="hint"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="yellow" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>');
+	}
+	.callout[data-callout="todo"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="lightblue" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-check"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="m9 12 2 2 4-4"/></svg>');
+	}
+	.callout[data-callout="faq"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="lightblue" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-text"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="M13 8H7"/><path d="M17 12H7"/></svg>');
+	}
+	.callout[data-callout="quote"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="lightblue" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"/><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"/></svg>');
+	}
+	.callout[data-callout="help"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-life-buoy"><circle cx="12" cy="12" r="10"/><path d="m4.93 4.93 4.24 4.24"/><path d="m14.83 9.17 4.24-4.24"/><path d="m14.83 14.83 4.24 4.24"/><path d="m9.17 14.83-4.24 4.24"/><circle cx="12" cy="12" r="4"/></svg>');
+	}
+	.callout[data-callout="tldr"] .callout-icon,
+	.callout[data-callout="summary"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="orange" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-list"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>');
+	}
+	.callout[data-callout="info"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="orange" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-text"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><path d="M8 11h8"/><path d="M8 7h6"/></svg>');
+	}
+	.callout[data-callout="success"] .callout-icon,
+	.callout[data-callout="check"] .callout-icon,
+	.callout[data-callout="done"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="chartreuse" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11 3 3L22 4"/></svg>');
+	}
+	.callout[data-callout="important"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="red" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg>');
+	}
+	.callout[data-callout="tip"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="chartreuse" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg>');
+	}
+	.callout[data-callout="danger"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="red" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg>');
+	}
+	.callout[data-callout="bug"] .callout-icon {
+		background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="red" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bug"><path d="m8 2 1.88 1.88"/><path d="M14.12 3.88 16 2"/><path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"/><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"/><path d="M12 20v-9"/><path d="M6.53 9C4.6 8.8 3 7.1 3 5"/><path d="M6 13H2"/><path d="M3 21c0-2.1 1.7-3.9 3.8-4"/><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"/><path d="M22 13h-4"/><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4"/></svg>');
+	}
+	.callout[data-callout="default"],
+	.callout[data-callout="info"],
 	.callout[data-callout="tip"],
-	.callout[data-callout="hint"] {
-		svg {
-			stroke: #201430;
-			fill: #87ff5f;
+	.callout[data-callout="bug"],
+	.callout[data-callout="danger"],
+	.callout[data-callout="abstract"],
+	.callout[data-callout="important"],
+	.callout[data-callout="success"],
+	.callout[data-callout="check"],
+	.callout[data-callout="done"],
+	.callout[data-callout="summary"],
+	.callout[data-callout="tldr"],
+	.callout[data-callout="help"],
+	.callout[data-callout="quote"],
+	.callout[data-callout="faq"],
+	.callout[data-callout="caution"],
+	.callout[data-callout="todo"],
+	.callout[data-callout="hint"],
+	.callout[data-callout="attention"],
+	.callout[data-callout="fail"],
+	.callout[data-callout="warning"],
+	.callout[data-callout="error"],
+	.callout[data-callout="failure"],
+	.callout[data-callout="missing"],
+	.callout[data-callout="example"],
+	.callout[data-callout="question"],
+	.callout[data-callout="note"] {
+		.callout-icon {
+			display: inline-flex;
+			width: 20px;
+			height: 20px;
+			background-repeat: none;
+			stroke: #151515;
+			svg {
+				display: none !important;
+			}
 		}
 	}
 }
@@ -963,18 +1074,75 @@ hr.workspace-leaf-resize-handle {
 }
 
 /* data view */
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .block-language-dataview h4,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .block-language-dataview > h4,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .block-language-dataviewjs h4,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .block-language-dataviewjs > h1,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .block-language-dataviewjs > h2,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .block-language-dataviewjs > h3,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .block-language-dataviewjs > h4,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .block-language-dataviewjs > p,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .dataview.dataview-container > .contains-task-list,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .dataview.dataview-error,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .dataview.list-view-ul,
-body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not( .table-max):not(.table-wide) .dataview.result-group {
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.block-language-dataview
+	h4,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.block-language-dataview
+	> h4,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.block-language-dataviewjs
+	h4,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.block-language-dataviewjs
+	> h1,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.block-language-dataviewjs
+	> h2,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.block-language-dataviewjs
+	> h3,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.block-language-dataviewjs
+	> h4,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.block-language-dataviewjs
+	> p,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.dataview.dataview-container
+	> .contains-task-list,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.dataview.dataview-error,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.dataview.list-view-ul,
+body:not(.table-100):not(.table-max):not(.table-wide)
+	.markdown-preview-view.is-readable-line-width:not(.table-100):not(
+		.table-max
+	):not(.table-wide)
+	.dataview.result-group {
 	/* width fix */
 	max-width: 100%;
 }
@@ -1033,8 +1201,20 @@ a:visited {
 	thead,
 	.table-view-thead {
 		background-color: #9f50e1 !important;
-		color: #000 !important;
 		font-weight: bold;
+		border: none !important;
+		th {
+			color: #000 !important;
+			border: none !important;
+
+			em,
+			strong,
+			code {
+				background: transparent !important;
+				border-bottom: 0 !important;
+				color: #000 !important;
+			}
+		}
 	}
 
 	.HyperMD-table-row-0.cm-line {
diff --git a/versions.json b/versions.json
index dccb7ae..bbbdf66 100644
--- a/versions.json
+++ b/versions.json
@@ -1,3 +1,4 @@
 {
+	"1.2.3": "1.2.2",
 	"1.2.2": "1.2.2"
 }