Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 19:41:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: update syntax highlighting transformer styles (#558)

Browse Source
This commit is contained in:
Sat Naing
2025-07-10 21:17:09 +07:00
committed by GitHub
parent c863c8219d
commit 493c671e0f
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/typography.css
+5 -5
View File
@@ -71,7 +71,7 @@
} }
.astro-code code { .astro-code code {
@apply bg-inherit p-0; @apply flex-[1_0_100%] bg-inherit p-0;
} }
blockquote { blockquote {
@@ -93,7 +93,7 @@
/* ===== Code Blocks & Syntax Highlighting ===== */ /* ===== Code Blocks & Syntax Highlighting ===== */
.astro-code { .astro-code {
@apply border bg-(--shiki-light-bg) text-(--shiki-light) outline-border [&_span]:text-(--shiki-light); @apply flex border bg-(--shiki-light-bg) text-(--shiki-light) outline-border [&_span]:text-(--shiki-light);
} }
html[data-theme="dark"] .astro-code { html[data-theme="dark"] .astro-code {
@@ -104,13 +104,13 @@
/* https://shiki.style/packages/transformers */ /* https://shiki.style/packages/transformers */
.astro-code { .astro-code {
.line.diff.add { .line.diff.add {
@apply relative *:bg-green-500/20 before:absolute before:-left-3 before:text-green-500 before:content-['+']; @apply relative inline-block w-full bg-green-400/20 before:absolute before:-left-3 before:text-green-500 before:content-['+'];
} }
.line.diff.remove { .line.diff.remove {
@apply relative *:bg-red-500/30 before:absolute before:-left-3 before:text-red-500 before:content-['-']; @apply relative inline-block w-full bg-red-500/20 before:absolute before:-left-3 before:text-red-500 before:content-['-'];
} }
.line.highlighted { .line.highlighted {
@apply *:!bg-slate-400/20; @apply inline-block w-full bg-slate-400/20;
} }
.highlighted-word { .highlighted-word {
@apply rounded-sm border border-border px-0.5 py-px; @apply rounded-sm border border-border px-0.5 py-px;