This page showcases every visual element that doxyYoda styles. Use it as a reference when evaluating the theme or as a test page when making modifications.
Click the ☾ button in the top-right of the navbar to toggle dark mode. The theme supports two mechanisms:
prefers-color-scheme: dark is respected automatically.localStorage so it persists across page loads.All colors use CSS custom properties. The switch is instant — no page reload, no flash of unstyled content.
doxyYoda styles all 10 Doxygen admonition types. Each has a distinct left border color and subtle background tint from the Solarized palette.
\\note to add helpful context or tips. Supports bold, italic, and code formatting within the block.\\warning for things that can go wrong. Pay special attention to these in API documentation.\\attention for critical information that users must not overlook.\\deprecated to mark obsolete APIs. These appear in the global Deprecated List.\\pre to document required state. Example: \( x > 0 \) and the container must not be empty.\\post to document guaranteed state after the function returns.\\invariant to document properties that always hold: \( 0 \le \text{size} \le \text{capacity} \).\\test to describe testing requirements. Verify that edge cases are handled and outputs match expectations.doxyYoda uses MathJax 3 for rendering mathematical notation.
The quadratic formula: \( x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} \)
Euler's identity: \( e^{i\pi} + 1 = 0 \)
A probability: \( P(A \mid B) = \frac{P(B \mid A)\,P(A)}{P(B)} \)
The Gaussian integral:
\[ \int_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi} \]
The Cauchy-Schwarz inequality:
\[ \left| \sum_{k=1}^{n} a_k b_k \right|^2 \leq \left( \sum_{k=1}^{n} a_k^2 \right) \left( \sum_{k=1}^{n} b_k^2 \right) \]
Maxwell's equations in differential form:
\[\begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \\ \nabla \cdot \mathbf{B} &= 0 \\ \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \\ \nabla \times \mathbf{B} &= \mu_0 \mathbf{J} + \mu_0 \varepsilon_0 \frac{\partial \mathbf{E}}{\partial t} \end{aligned} \]
doxyYoda renders code blocks with syntax highlighting, a copy-to-clipboard button (top-right corner on hover), and optional code folding.
| Feature | doxyYoda | Default Doxygen | doxygen-awesome | m.css |
|---|---|---|---|---|
| CSS Grid | Yes | No | No | No |
| Dark mode | Yes | No | Yes | Yes |
| Foldable code | Yes | No | No | No |
| Copy button | Yes | Yes | Yes | No |
| MathJax 3 | Yes | Yes | Yes | Yes |
| Solarized | Yes | No | No | No |
| Graphviz SVG | Yes | Yes | Yes | Yes |
| Frosted navbar | Yes | No | No | No |
| Pixi build | Yes | No | No | No |
| Name | Hex | Role |
|---|---|---|
| base03 | #002b36 | Dark background |
| base02 | #073642 | Dark highlights |
| base01 | #586e75 | Emphasized text |
| base00 | #657b83 | Body text (dark) |
| base0 | #839496 | Body text (light) |
| base1 | #93a1a1 | De-emphasized |
| base2 | #eee8d5 | Light highlights |
| base3 | #fdf6e3 | Light background |
| yellow | #b58900 | Accent |
| orange | #cb4b16 | Accent |
| red | #dc322f | Accent |
| magenta | #d33682 | Accent |
| violet | #6c71c4 | Accent |
| blue | #268bd2 | Accent |
| cyan | #2aa198 | Accent |
| green | #859900 | Accent |
pixi installpixi run compile--font-sans for body text--font-heading for headings--font-mono for codeThe following heading levels are available. In doxyYoda, headings use the Maiden Orange display font:
@section produces an <h2>@subsection produces an <h3>@subsubsection produces an <h4><b> or \\b<em> or \\eInline code via backticks@ref<a href>doxyYoda is a modern Doxygen theme that replaces the default table-based layout with CSS Grid, a Solarized color palette, and full dark mode support.
— Project description
doxyYoda renders SVG diagrams generated by Doxygen + Graphviz. Visit any class page (e.g., geometry::Shape) to see:
The SVG diagrams are interactive — click on a class name to navigate to its documentation page.
doxyYoda styles Doxygen's built-in search. Try the search box in the top navigation bar — it supports:
Vec2, Shape)fibonacci, lerp)Feature Tour)