Dark Mode Test Page

This page contains all potentially problematic elements for dark mode testing.

Tables

Header 1Header 2Header 3
Cell 1Cell 2Cell 3
Data AData BData 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

Details/Summary Elements

Footnotes

This text has a footnote reference1.

Here’s another footnote2.

Math Expressions (if MathJax is enabled)

Inline math:

Block math:

Regular link to home page

External link

Lists

Ordered Lists

  1. First item
  2. Second item
    1. Nested item
    2. Another nested item
  3. Third item

Unordered Lists

  • First bullet
  • Second bullet
    • Nested bullet
    • Another nested bullet
  • Third bullet

Images and Transclusions

Anoikis illustration

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

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.

Footnotes

  1. This is the first footnote.

  2. This is the second footnote with more content.