Map Themes

Choose from multiple visual themes to match your application's style.

Available Themes

Modern (modern)

Clean, minimalist design with subtle colors. Perfect for professional applications.

{
  "theme": "modern"
}

Characteristics:

• Light background
• Subtle border colors
• Clean typography
• Minimal visual noise

Classic (classic)

Traditional atlas style with warm colors and detailed borders.

{
  "theme": "classic"
}

Characteristics:

• Warm, parchment-like colors
• Bold borders
• Traditional cartographic feel
• Great for educational materials

Satellite (satellite)

Satellite imagery aesthetic with natural colors.

{
  "theme": "satellite"
}

Characteristics:

• Natural earth tones
• Terrain-like appearance
• Realistic feel

Topographic (topographic)

Elevation-focused with contour-like styling.

{
  "theme": "topographic"
}

Characteristics:

• Elevation indicators
• Terrain visualization
• Scientific appearance

Dark (dark)

Dark mode friendly with light borders on dark background.

{
  "theme": "dark"
}

Characteristics:

• Dark background
• Light borders and text
• Perfect for dark UI themes
• Easy on the eyes

Light (light)

High-contrast bright theme.

{
  "theme": "light"
}

Characteristics:

• White background
• High contrast
• Maximum readability
• Print-friendly

Blueprint (blueprint)

Technical drawing style.

{
  "theme": "blueprint"
}

Characteristics:

• Blue background
• White grid lines
• Technical appearance
• Great for presentations

Theme Comparison

Choosing a Theme

For Education

• Quizzes: modern or light (clean, no distractions)
• Study materials: classic (familiar atlas feel)
• Interactive apps: dark or modern (modern UI)

For Applications

• Light mode: modern, light, or classic
• Dark mode: dark
• Technical: blueprint or topographic

Theme + Highlighting

Themes affect how highlights appear:

{
  "theme": "dark",
  "configuration": {
    "highlight_subdivisions": [
      {
        "subdivision_code": "us-ca",
        "fill_color": "#3498db",
        "opacity": 0.7
      }
    ]
  }
}

Next Steps