map: thin the marker and legend rings

The ring only has to separate the mark from the surface; at 2px it read as
part of the mark. Markers go to 1.25, legend dots to 1.5px (they are larger,
so the same visual weight needs slightly more), and the PDF marker and swatch
strokes drop to match.
This commit is contained in:
cproudlock
2026-07-31 10:12:30 -04:00
parent a7fe2c8353
commit 2528b7e556
2 changed files with 5 additions and 4 deletions

View File

@@ -487,7 +487,7 @@ function renderMarkers() {
// Ring keyed on the theme's surface: dark on the white blueprint, light on
// the dark one. A fixed white ring vanished against the light blueprint.
color: markerRingColor(props.theme),
weight: 2,
weight: 1.25,
fillOpacity: 1,
renderer: canvasRenderer
})
@@ -748,7 +748,8 @@ onUnmounted(() => {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid var(--bg-card);
/* Ring color is bound inline (legendDotStyle) to match the markers. */
border: 1.5px solid var(--bg-card);
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

View File

@@ -98,7 +98,7 @@ export async function exportMapPdf(opts) {
const [r, g, b] = hexToRgb(entry.color)
doc.setFillColor(r, g, b)
// The page is always white, so the ring is the light-surface one throughout.
doc.setDrawColor(markerRingColor('light')); doc.setLineWidth(0.4)
doc.setDrawColor(markerRingColor('light')); doc.setLineWidth(0.3)
doc.rect(lx, ly - swatch + 1, swatch, swatch, 'FD')
doc.setTextColor('#333333')
doc.text(label, lx + swatch + 4, ly)
@@ -132,7 +132,7 @@ export async function exportMapPdf(opts) {
const [r, g, b] = hexToRgb(fill)
doc.setFillColor(r, g, b)
// Prints on white, where a white ring is invisible - use the dark ring.
doc.setDrawColor(markerRingColor('light')); doc.setLineWidth(0.6)
doc.setDrawColor(markerRingColor('light')); doc.setLineWidth(0.4)
doc.circle(x, y, radius, 'FD')
}