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 Admonition

This is a note admonition with some content.

Warning Admonition

This is a warning with important information.

Tip Admonition

This is a helpful tip for users.

Danger Admonition

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 1Tab 2Tab 3

Content for the first tab with some text and formatting.

Content for the second tab.

# Code in a tab
print("Hello from tab 2")

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 reference¹.

Here's another footnote².

Math Expressions (if MathJax is enabled)¶

Inline math: \(E = mc^2\)

Block math: [ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} ]

Links¶

Regular link to home page

External link

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 (if any exist)¶

Note: Images would be tested here if they exist in the assets

Note: Navigation, breadcrumbs, and mobile drawer will be tested by navigation

Tooltips/Annotations¶

Note: Any tooltip functionality would be tested here

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.

This is the first footnote. ↩
This is the second footnote with more content. ↩