From 316f162f135f55c88d1c5735c14df3ec4c560165 Mon Sep 17 00:00:00 2001
From: EunBae Gong <geb9211@gmail.com>
Date: Fri, 16 Feb 2024 14:44:01 +0900
Subject: [PATCH] feat: add code-block-error-line

---
 docusaurus.config.ts | 11 +++++++++++
 src/css/custom.css   |  8 ++++++++
 2 files changed, 19 insertions(+)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 6439706..1eab90d 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -109,6 +109,17 @@ const config: Config = {
 		prism: {
 			theme: prismThemes.github,
 			darkTheme: prismThemes.dracula,
+			magicComments: [
+				{
+					className: "theme-code-block-highlighted-line",
+					line: "highlight-next-line",
+					block: { start: "highlight-start", end: "highlight-end" },
+				},
+				{
+					className: "code-block-error-line",
+					line: "error-next-line",
+				},
+			],
 		},
 		colorMode: {
 			defaultMode: "dark",
diff --git a/src/css/custom.css b/src/css/custom.css
index 0f4bf07..c554aae 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -28,3 +28,11 @@
 	--ifm-color-primary-lightest: #7ddd93;
 	--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+.code-block-error-line {
+	background-color: #ff000020;
+	display: block;
+	margin: 0 calc(-1 * var(--ifm-pre-padding));
+	padding: 0 var(--ifm-pre-padding);
+	border-left: 3px solid #ff000080;
+}