Select Theme:

Theme Mapper: {{ current_theme }}

UI Elements

Normal paragraph text. This is a link. This is marked text.

This is small text

This is inserted text and ~~this is deleted text~~.

This is a blockquote with a citation.

This is inline code

// This is a code block
function example() {
  return "Hello World";
}

Text Input Select Textarea Invalid Input

Checkboxes Checkbox 1 Checkbox 2

Radio Buttons Radio 1 Radio 2

{% for color_name, color_value in main_colors %}

{% endfor %}

{% for var_name, var_value in all_vars %} {% endfor %}

Variable	Value	Sample
{{ var_name }}	{{ var_value }}	{% if var_value.startswith('#') or var_value.startswith('rgb') %} {% endif %}

{% for check in contrast_checks %} {% endfor %}

Foreground	Background	Contrast	WCAG AA
{{ check.fg_name }}	{{ check.bg_name }}	{{ check.contrast }}	{{ "Pass" if check.passes else "Fail" }}

{% for group, names in original_colors.items() %} {% for name, value in names.items() %} {% endfor %} {% endfor %}

Group	Name	Value	Sample
{{ group }}	{{ name }}	{{ value }}