From 76344550fc2fbd76d54ec0368f89a180cd723ce9 Mon Sep 17 00:00:00 2001 From: pengzhanbo Date: Sat, 31 May 2025 02:41:15 +0800 Subject: [PATCH] fix(theme): fix code block highlight word rendering incorrect --- theme/src/client/styles/code.css | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/theme/src/client/styles/code.css b/theme/src/client/styles/code.css index 81f13d65..19599e27 100644 --- a/theme/src/client/styles/code.css +++ b/theme/src/client/styles/code.css @@ -182,13 +182,29 @@ html:not([data-theme="dark"]) .vp-code span { } .vp-doc div[class*="language-"] code .highlighted-word { - padding: 1px 3px; - margin: -1px -3px; + padding: 1px 2px; + margin: -1px -2px; background-color: var(--vp-c-gray-soft); border: 1px solid var(--vp-c-border); border-radius: 4px; } +.vp-doc div[class*="language-"] code .highlighted-word:has(+ .highlighted-word) { + padding-right: 0; + margin-right: 0; + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.vp-doc div[class*="language-"] code .highlighted-word + .highlighted-word { + padding-left: 0; + margin-left: 0; + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + .vp-doc div[class*="language-"] code .tab, .vp-doc div[class*="language-"] code .space { position: relative;