mirror of
https://github.com/stack-auth/stack.git
synced 2026-06-13 21:01:21 +08:00
4e467c4026
Co-authored-by: Konsti Wohlwend <[email protected]> Co-authored-by: Madison Kennedy <[email protected]> Co-authored-by: BilalG1 <[email protected]>
84 lines
2.4 KiB
CSS
84 lines
2.4 KiB
CSS
/* Reset for fumadocs code blocks */
|
|
pre,
|
|
code,
|
|
.fumadocs-code-block,
|
|
div[data-rehype-pretty-code-fragment],
|
|
[data-rehype-pretty-code-figure],
|
|
div[data-theme="dark"],
|
|
div[data-theme="light"],
|
|
[data-language] {
|
|
border: none !important;
|
|
border-style: none !important;
|
|
border-radius: 0.5rem !important;
|
|
}
|
|
|
|
[data-rehype-pretty-code-title] {
|
|
border: none !important;
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
[data-theme="dark"] pre,
|
|
[data-theme="light"] pre {
|
|
border: none !important;
|
|
}
|
|
|
|
/* More specific selectors to override Fumadocs styles */
|
|
.fumadocs-content [data-rehype-pretty-code-figure] {
|
|
border: none !important;
|
|
border-style: none !important;
|
|
}
|
|
|
|
.fumadocs-content pre {
|
|
border: none !important;
|
|
border-style: none !important;
|
|
}
|
|
|
|
/* Ensure code blocks are visible in light mode */
|
|
:root:not(.dark) [data-theme="light"] [data-highlighted-line],
|
|
:root:not(.dark) [data-theme="light"] [data-highlighted-chars],
|
|
:root:not(.dark) [data-theme="light"] [data-line] {
|
|
color: currentColor !important;
|
|
}
|
|
|
|
/* Fix code block background in light mode */
|
|
:root:not(.dark) [data-theme="light"],
|
|
:root:not(.dark) [data-theme="light"] pre {
|
|
background-color: rgb(243, 244, 246) !important; /* light gray background */
|
|
color: rgb(31, 41, 55) !important; /* dark text for light mode */
|
|
}
|
|
|
|
/* Fix terminal code block */
|
|
pre[data-language="sh"],
|
|
pre[data-language="bash"],
|
|
pre[data-language="terminal"] {
|
|
background-color: rgb(45, 45, 45) !important;
|
|
color: rgb(230, 230, 230) !important;
|
|
}
|
|
|
|
pre[data-language="sh"] [data-line],
|
|
pre[data-language="bash"] [data-line],
|
|
pre[data-language="terminal"] [data-line] {
|
|
color: rgb(230, 230, 230) !important;
|
|
}
|
|
|
|
/* Specific styling for keywords in code blocks */
|
|
:root:not(.dark) [data-theme="light"] .token.keyword,
|
|
:root:not(.dark) [data-theme="light"] .token.selector,
|
|
:root:not(.dark) [data-theme="light"] .token.property {
|
|
color: rgb(153, 27, 155) !important; /* purple for keywords */
|
|
}
|
|
|
|
:root:not(.dark) [data-theme="light"] .token.string,
|
|
:root:not(.dark) [data-theme="light"] .token.attr-value {
|
|
color: rgb(5, 131, 72) !important; /* green for strings */
|
|
}
|
|
|
|
:root:not(.dark) [data-theme="light"] .token.function,
|
|
:root:not(.dark) [data-theme="light"] .token.method {
|
|
color: rgb(54, 106, 173) !important; /* blue for functions */
|
|
}
|
|
|
|
:root:not(.dark) [data-theme="light"] .token.comment {
|
|
color: rgb(113, 113, 113) !important; /* gray for comments */
|
|
}
|