color tag categories for Data & Products

[bbest]

For instance, we could:

• Add legend with colors associated by category (region, org, tool, product type)
• Add Javascript to page, eg now https://marinebon2.netlify.app/product_viewer/

$("[data-filter^='.js-id-region--']").
  css('background-color', 'blue');
$("[data-filter^='.js-id-org--']").
  css('background-color', 'green');
$("[data-filter^='.js-id-tool--']").
  css('background-color', 'red');
$("[data-filter^='.js-id-product_type--']").
  css('background-color', 'yellow');

[7yl4r]

Took some trial and error but it is done!

[bbest]

So cool! The text is hard to read though with current color palette:

[MathewBiddle]

See this ticket too #39 (comment)