hanzoai/docs
2
0
Fork 0
mirror of https://github.com/hanzo-docs/docs.git synced 2026-10-25 04:20:02 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UI: fix codeblock highlight styles

Browse Source
This commit is contained in:
Fuma Nama
2026-02-27 22:39:31 +08:00
parent 825f401025
commit 8faa2e4ca3
3 changed files with 58 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/upset-jeans-open.md
+6
View File
@@ -0,0 +1,6 @@
---
'fumadocs-ui': patch
'@fumadocs/base-ui': patch
---
fix codeblock highlight styles
packages/base-ui/css/lib/shiki.css
+26 -21
View File
@@ -26,26 +26,6 @@
filter: blur(0);
}
&[data-line-numbers] .twoslash-meta-line {
padding-left: calc(var(--padding-left) + 7 * var(--spacing));
}
&[data-line-numbers] .line {
counter-increment: line;
padding-left: calc(var(--padding-left) + 7 * var(--spacing));
}
&[data-line-numbers] .line::after {
position: absolute;
content: counter(line);
color: color-mix(
in oklab,
var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%,
transparent
);
@apply top-0 left-4;
}
.diff::before {
position: absolute;
left: calc(var(--spacing) * 1.5);
@@ -75,14 +55,39 @@
.highlighted {
--fd-counter-color: var(--color-fd-primary);
padding-left: calc(var(--padding-left) - 2px);
@apply bg-fd-primary/10;
}
@apply border-l-2 border-fd-primary/50 bg-fd-primary/10;
.highlighted::after {
position: absolute;
content: '';
@apply inset-y-0 left-0 border-l-2 border-fd-primary/50;
}
.highlighted-word {
padding: 1px;
@apply border -my-px border-fd-primary/30 bg-fd-primary/10 rounded-md font-medium;
}
&[data-line-numbers] .twoslash-meta-line {
padding-left: calc(var(--padding-left) + 7 * var(--spacing));
}
&[data-line-numbers] .line {
counter-increment: line;
padding-left: calc(var(--padding-left) + 7 * var(--spacing));
}
&[data-line-numbers] .line::after {
position: absolute;
content: counter(line);
color: color-mix(
in oklab,
var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%,
transparent
);
@apply inset-y-0 left-0 w-7 text-right;
}
}
.dark .shiki:not(.not-fumadocs-codeblock *) {
packages/radix-ui/css/lib/shiki.css
+26 -21
View File
@@ -26,26 +26,6 @@
filter: blur(0);
}
&[data-line-numbers] .twoslash-meta-line {
padding-left: calc(var(--padding-left) + 7 * var(--spacing));
}
&[data-line-numbers] .line {
counter-increment: line;
padding-left: calc(var(--padding-left) + 7 * var(--spacing));
}
&[data-line-numbers] .line::after {
position: absolute;
content: counter(line);
color: color-mix(
in oklab,
var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%,
transparent
);
@apply top-0 left-4;
}
.diff::before {
position: absolute;
left: calc(var(--spacing) * 1.5);
@@ -75,14 +55,39 @@
.highlighted {
--fd-counter-color: var(--color-fd-primary);
padding-left: calc(var(--padding-left) - 2px);
@apply bg-fd-primary/10;
}
@apply border-l-2 border-fd-primary/50 bg-fd-primary/10;
.highlighted::after {
position: absolute;
content: '';
@apply inset-y-0 left-0 border-l-2 border-fd-primary/50;
}
.highlighted-word {
padding: 1px;
@apply border -my-px border-fd-primary/30 bg-fd-primary/10 rounded-md font-medium;
}
&[data-line-numbers] .twoslash-meta-line {
padding-left: calc(var(--padding-left) + 7 * var(--spacing));
}
&[data-line-numbers] .line {
counter-increment: line;
padding-left: calc(var(--padding-left) + 7 * var(--spacing));
}
&[data-line-numbers] .line::after {
position: absolute;
content: counter(line);
color: color-mix(
in oklab,
var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%,
transparent
);
@apply inset-y-0 left-0 w-7 text-right;
}
}
.dark .shiki:not(.not-fumadocs-codeblock *) {