define the round corner of your controls (buttons container and attributions) and popups.
--ml-c-bg-1
rgb(255 255 255)
define the background color of your controls, popups and geolocation dot border (bg color of your ctrl scale and boxzoom is calculated from this color with an opacity of 65%)
--ml-c-bg-2
rgb(240 240 240)
define the background color of your controls when hovered (and user location dot border color)
--ml-c-bg-3
rgb(215 215 215)
define the background color of your controls when active (and border color between control buttons)
--ml-c-icon-1
rgb(51 51 51)
default state color of your ctrl icons, popup close button and scale ctrl border
--ml-c-icon-2
rgb(0 0 0)
color of your icons when hovered
--ml-c-active
rgb(29 161 242)
color of your control icons when they are activated (geolocation, terrain)
--ml-c-error
rgb(229 78 51)
define the color of the geolocation button icon error state (and inactive)
--ml-c-outline
rgb(219 167 38)
outline color of the control buttons when they have the focus
--ml-o-disabled
0
1
opacity of your control when disabled
--ml-shadow
shadow
shadow of your controls and popups
--ml-shadow-active
shadow-lg
shadow of your control buttons when active state
--ml-c-link-1
rgb(51 51 51)
color of the anchors for the attribution links
--ml-c-link-2
rgb(0 0 0)
color of the hovered anchors for the attribution links
--ml-c-logo-1
rgb(255 255 255)
color of the text of the MapLibre logo
--ml-c-logo-2
rgb(215 215 215)
color of the text of the MapLibre logo when hovered
--ml-c-geoloc
rgb(29 161 242)
color of your geolocation marker dot and accuracy circle
dark theme
--ml-c-bg-1
rgb(17 23 37)
define the background color of your controls, popups and geolocation dot border (bg color of your ctrl scale and boxzoom is calculated from this color with an opacity of 65%)
--ml-c-bg-2
rgb(65 72 83)
define the background color of your controls when hovered (and user location dot border color)
--ml-c-bg-3
rgb(50 54 63)
define the background color of your controls when active (and border color between control buttons)
--ml-c-icon-1
slate 300
default state color of your ctrl icons, popup close button and scale ctrl border
--ml-c-icon-2
rgb(255 255 255)
color of your icons when hovered
--ml-shadow
shadow
shadow of your controls and popups
--ml-c-link-1
slate 300
color of the anchors for the attribution links
--ml-c-link-2
rgb(255 255 255)
color of the hovered anchors for the attribution links
--ml-c-logo-1
rgb(17 23 37)
color of the text of the MapLibre logo
--ml-c-logo-2
rgb(50 54 63)
color of the text of the MapLibre logo when hovered