Skip to content

Commit 9f27578

Browse files
fix: improve Mermaid diagram visibility in dark mode (#2092)
# What does this PR do? Closes #2078 Previously, the Agent Execution Loop diagram was barely visible in dark mode: ![image](https://github.com/user-attachments/assets/78567334-c57f-4cd0-ba93-290b20ed3aba) I experimented with styling individual classes, but ultimately found that adding an off-white background provides the best visibility in both dark and light modes: ![image](https://github.com/user-attachments/assets/419d153a-d870-410b-b635-02b95da67a3d) [//]: # (If resolving an issue, uncomment and update the line below) [//]: # (Closes #[issue-number]) ## Test Plan The documentation can be built locally by following the docs: https://llama-stack.readthedocs.io/en/latest/contributing/index.html#building-the-documentation [//]: # (## Documentation)
1 parent f1b103e commit 9f27578

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

docs/_static/css/my_theme.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,3 +27,9 @@ pre {
2727
white-space: pre-wrap !important;
2828
word-break: break-all;
2929
}
30+
31+
[data-theme="dark"] .mermaid {
32+
background-color: #f4f4f6 !important;
33+
border-radius: 6px;
34+
padding: 0.5em;
35+
}

0 commit comments

Comments
 (0)