Web-Map-Custom-Element icon indicating copy to clipboard operation
Web-Map-Custom-Element copied to clipboard

Potentially use system fonts/colors

Open Malvoz opened this issue 4 years ago • 0 comments

Investigate if/where to use:

System colors

  • [x] LinkText is currently used for interactive features (stroke)
  • [ ] The SVG for markers should perhaps default to LinkText (fill, stroke)
  • [ ] Visited map links (map-a-visited) should probably use VisitedText (stroke)
  • [ ] Appropriate system colors for the mapml-link-preview (same as browsers' URL preview)?
  • [ ] Appropriate system colors for the tooltips (same as browsers' tooltips from e.g. title attribute)?

System fonts

  • [ ] Maybe use the menu font value for the context menu.

There's also the related system-ui font.


This issue relates to https://github.com/Maps4HTML/Web-Map-Custom-Element/issues/551 (dark mode); if we use system colors instead of arbitrary fixed colors we in theory support dark mode (and high contrast mode) out of the box.

Other resources

  • https://blog.jim-nielsen.com/2021/css-system-colors/
  • https://www.stefanjudis.com/today-i-learned/css-defines-color-values-that-follow-system-preferences/
  • http://www.iangraham.org/books/xhtml1/appd/update-23feb2000.html

Malvoz avatar Oct 26 '21 15:10 Malvoz