Skip to main content

Dark Mode Test Page

This page tests all components and styles in dark mode.

Element Reference Component​

Definition
This is a test element for verifying dark mode styles
Scope note
This is a test scope note to verify dark mode rendering
Domain
Test Domain
Range
Test Range
Element sub-type
Test Sub-type 1Test Sub-type 2
URI
Type
DatatypeProperty

Guide Blocks​

This is a guide block testing dark mode. It should have a dark blue-grey background with light text.

Header in Guide Block​

This header should be visible in dark mode.

Here's a link: Test InLink in Guide

Stipulation Blocks​

This is a stipulation block testing dark mode. It should have a dark brown background with light text.

Header in Stip Block​

This header should also be visible in dark mode.

Collapsible Example in Stip
Column 1Column 2
Test Value 1Test Value 2
Another ValueInLink in table

This is emphasized text in the collapsible section.

InLink in regular content​

Here's an InLink in regular content that should be visible in dark mode.

Testing InLink inside guide block

Testing InLink inside stip block

Table Tests​

Regular Table​

Header 1Header 2Header 3
Cell 1Cell 2Cell 3
Cell 4Cell 5Cell 6

Table in Guide Block​

Table Example
PropertyValue
Test PropertyTest Value
Another PropertyInLink in table

Headers Test​

H3 Header​

H4 Header​

H5 Header​
H6 Header​

Complex Nested Content​

Complex Example

Nested Header​

This section contains:

  • A list item with an InLink
  • Another list item
  • A third item with emphasized text
Complex TableWith Links
Regular textLink 1
More textLink 2

Bold text and italic text should both be visible.

Color Contrast Test​

Regular text in guide block

Emphasized text in guide block

Bold text in guide block

Regular text in stip block

Emphasized text in stip block

Bold text in stip block