Dark Mode Test Page
This page contains all potentially problematic elements for dark mode testing.
Tables
Header 1 | Header 2 | Header 3 |
---|---|---|
Cell 1 | Cell 2 | Cell 3 |
Data A | Data B | Data C |
Code Blocks
def test_function():
# This is a comment
number = 42
string = "hello world"
return f"Result: {number}"
# Shell commands
cd /some/directory
ls -la
grep "pattern" file.txt
Inline Code
Here is some inline code
in a sentence.
Keyboard Keys
Press Ctrl+Alt+Delete to restart.
Use Cmd+C to copy and Cmd+V to paste.
Marked/Highlighted Text
This is highlighted text that should be visible.
Search Elements
Note: Search functionality will be tested by actually searching
Form Inputs
Note: If any forms exist, they would appear here
Admonitions/Callouts
Note Callout
This is a note callout with some content.
Warning Callout
This is a warning with important information.
Tip Callout
This is a helpful tip for users.
Danger Callout
This indicates something dangerous or critical.
Blockquotes
This is a blockquote with some text. It can span multiple lines and should be readable.
— Famous Person
Task Lists/Checkboxes
- Completed task
- Incomplete task
- Another completed item
- Another incomplete item
Content Tabs
Tab 1
Content for the first tab with some text and formatting.
Tab 2
Content for the second tab.
# Code in a tab print("Hello from tab 2")
Tab 3
- List item 1
- List item 2
- List item 3
Details/Summary Elements
Collapsible Section
This content is hidden by default and can be expanded.
- Item 1
- Item 2
- Item 3
Collapsible Note
This is a collapsible note with additional information.
Footnotes
This text has a footnote reference1.
Here’s another footnote2.
Math Expressions (if MathJax is enabled)
Inline math:
Block math:
Links
Lists
Ordered Lists
- First item
- Second item
- Nested item
- Another nested item
- Third item
Unordered Lists
- First bullet
- Second bullet
- Nested bullet
- Another nested bullet
- Third bullet
Images and Transclusions
Transclusion Test
Irreversible cell cycle arrest accompanied by altered cellular metabolism and secretory activity. This is one of the ways multicellular organisms prevent damaged cells from becoming cancerous.
Link to original
The above should show a transclusion of the cellular senescence definition
Navigation Elements
Note: Navigation, breadcrumbs, and mobile drawer will be tested by navigation
Tooltips/Annotations
Note: Any tooltip functionality would be tested here
Social Media Embeds
Note: If any social media embeds exist, they would be tested here
Complex Typography
Bold text and italic text and bold italic text.
Strikethrough text
code
mixed with bold and italic.
This test page should reveal any dark mode color issues across all major content types and interactive elements.