Skip to content

Commit ec38a97

Browse files
committed
Fix MathML example colors for dark mode compatibility
Removed hard-coded colors that caused white-on-white text in dark mode: - Changed background from #f9f9f9 to rgba(128, 128, 128, 0.1) for subtle tint - Changed border to use var(--text-color) with fallback - Removed hard-coded color: #333 from h3 to inherit properly Now works in both light and dark modes. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent 0d318f0 commit ec38a97

File tree

1 file changed

+2
-3
lines changed

1 file changed

+2
-3
lines changed

examples/mathml.js

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -160,15 +160,14 @@ const style = `
160160
line-height: 1.6;
161161
}
162162
.math-example {
163-
border: 1px solid #ddd;
163+
border: 1px solid var(--text-color, #ddd);
164164
padding: 20px;
165165
margin: 20px 0;
166-
background: #f9f9f9;
166+
background: rgba(128, 128, 128, 0.1);
167167
border-radius: 8px;
168168
}
169169
.math-example h3 {
170170
margin-top: 0;
171-
color: #333;
172171
}
173172
math {
174173
font-size: 1.2em;

0 commit comments

Comments
 (0)