docs: organize shiki styles

pheralb · pheralb · commit c4c24c0a8fb5 · 2026-01-30T00:25:49.000Z
diff --git a/apps/website/src/styles/shiki.css b/apps/website/src/styles/shiki.css
@@ -1,7 +1,7 @@
 /* Tailwind CSS */
 @import "./globals.css";
 
-/* Shiki */
+/* Shiki Light/Dark Mode */
 html.light .shiki,
 html.light .shiki span {
   font-family: var(--font-mono);
@@ -15,6 +15,7 @@ html.dark .shiki span {
   background-color: transparent !important;
 }
 
+/* Base Shiki Pre & Span Styles */
 pre.shiki {
   @apply py-3;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`/* Tailwind CSS */`
`2`	`2`	`@import "./globals.css";`
`3`	`3`
`4`		`-/* Shiki */`
	`4`	`+/* Shiki Light/Dark Mode */`
`5`	`5`	`html.light .shiki,`
`6`	`6`	`html.light .shiki span {`
`7`	`7`	`font-family: var(--font-mono);`
`@@ -15,6 +15,7 @@ html.dark .shiki span {`
`15`	`15`	`background-color: transparent !important;`
`16`	`16`	`}`
`17`	`17`
	`18`	`+/* Base Shiki Pre & Span Styles */`
`18`	`19`	`pre.shiki {`
`19`	`20`	`@apply py-3;`
`20`	`21`	`}`