Skip to content

Commit 3a603b8

Browse files
committed
Fix CSS to highlight code lines
1 parent a4ff968 commit 3a603b8

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

docusaurus/src/scss/code-block.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22

33
:root {
44
--custom-code-block-background-color: var(--strapi-neutral-1000);
5+
--custom-code-block-background-color-highlighted: var(--strapi-neutral-800);
56
--custom-code-block-color: var(--strapi-neutral-0);
67
--custom-code-block-comment-color: var(--strapi-neutral-400);
78
--custom-code-block-key-color: var(--strapi-success-300);
@@ -81,6 +82,10 @@ pre.prism-code {
8182
background: var(--custom-code-block-background-color);
8283
}
8384

85+
[class*="highlighted-line"] {
86+
background-color: var(--custom-code-block-background-color-highlighted);
87+
}
88+
8489
[class*="codeBlockTitle"],
8590
pre, pre code {
8691
--ifm-code-font-size: 81.25%;
@@ -111,9 +116,11 @@ pre.prism-code {
111116
}
112117
}
113118

119+
114120
/** Dark theme */
115121
@include dark {
116122
--custom-code-block-background-color: var(--strapi-neutral-100);
123+
--custom-code-block-background-color-highlighted: var(--strapi-neutral-150);
117124
--custom-code-block-color: var(--strapi-neutral-1000);
118125
--custom-code-block-punctuation-color: var(--strapi-primary-200);
119126
--custom-code-block-value-color: var(--strapi-neutral-900);

0 commit comments

Comments
 (0)