Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 26 additions & 0 deletions hugo/assets/css/sap-fundamental.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

29 changes: 29 additions & 0 deletions hugo/assets/css/sap-fundamental.src.css
Original file line number Diff line number Diff line change
Expand Up @@ -2324,6 +2324,35 @@ html.dark .tutorial-main img:hover {
border: none;
}

/* CDS code blocks — Shiki dual-theme color mapping (#1657).
scripts/highlight-cds.ts emits Shiki output with defaultColor:false, so each
token span carries only --shiki-light / --shiki-dark CSS variables and no
`color`. These rules paint those variables and pick light/dark from the same
html.dark / [data-theme="dark"] flags the theme toggle sets in lockstep
(head.html). Without them, CDS blocks render as uncoloured text even though
the markup is correct. This block was dropped in a9d94110 (static
sap-fundamental.css cleanup); restored here in the SOURCE so build:css bakes
it into the served, fingerprinted stylesheet. */
.shiki,
.shiki span {
color: var(--shiki-light);
background-color: var(--shiki-light-bg);
}

html.dark .shiki,
html.dark .shiki span,
[data-theme="dark"] .shiki,
[data-theme="dark"] .shiki span {
color: var(--shiki-dark);
background-color: var(--shiki-dark-bg);
}

.code-block-body .shiki {
margin: 0;
padding: 1rem;
overflow-x: auto;
}

html.dark .code-block {
border-color: var(--sapField_BorderColor, #4a4d52);
}
Expand Down
Loading