A marker/highlighter toggle button that opens a click-to-open tooltip palette
(5 circular swatches). Picking a swatch activates "marker mode":
The cursor becomes a marker/highlighter (SVG cursor) and selection highlight color is applied via global CSS
The selected color is exposed via data-high-lighter-color and CSS var
--gui-highlighter-color on
A CustomEvent gui:highlighter is dispatched on window.
You can implement actual text-highlighting in your editor by listening for:
window.addEventListener('gui:highlighter', (e) => ...)
and/or by reading document.documentElement.dataset.highLighterActive.
This.GUI — HighLighter (organism)
A marker/highlighter toggle button that opens a click-to-open tooltip palette (5 circular swatches). Picking a swatch activates "marker mode":
data-high-lighter-colorand CSS var--gui-highlighter-colorongui:highlighteris dispatched on window.You can implement actual text-highlighting in your editor by listening for: window.addEventListener('gui:highlighter', (e) => ...) and/or by reading
document.documentElement.dataset.highLighterActive.