Appearance

The Appearance panel tailors the visual style of both the map and the UI.

Options

Name	Description
Primary color	Accent color for active field states and main action buttons — typically the venue’s brand color. Supports a separate dark-theme value.
Theme	Initial color theme: light, dark, or system.
Invert popup theme	Invert the popup’s theme for better contrast.
Rounding	Base corner rounding of the UI in pixels (0–8, default 4).
Animations	Full enables all animations; Reduced minimizes motion for accessibility.

Custom CSS

For extensive modifications, custom CSS can be added to further customize the map’s appearance.
Below, you’ll find some basic examples.

Custom CSS


/* changing container background color */
.mapplic-container { background-color: #f0ede7; }
 
/* removing border radius from tooltip */
.mapplic-tooltip { border-radius: 0; }
 
/* increasing font size of title in tooltips */
.mapplic-tooltip h4 { font-size: 24px; }

💡

Writing custom styles requires the understanding of CSS (Cascading Style Sheets), which falls outside the scope of this documentation.