Help Coloured coded catgories

The following code is in a Gatsby React app, I want to recreate this in my Hugo website build:

categoryColours.js

const categoryColours = {
‘Activists’: ‘#ECCD61’,
‘Creative Artists’: ‘#9DC87C’,
‘Politicians’: ‘#E6647C’,
‘Writers’: ‘#ECA461’,
‘Actors’: ‘#7CB1C8’,
‘Scientists’: ‘#E56464’,
‘Athletes’: ‘#847DCE
}

export {
categoryColours

}

I want to add this into my Hugo site. Currently wondering if it should go here and how do I code it correctly please?

themes
assets
js
main.js

// main script
(function () {
  "use strict";

  // Dropdown Menu Toggler For Mobile
  // ----------------------------------------
  const dropdownMenuToggler = document.querySelectorAll(
    ".nav-dropdown > .nav-link",
  );

  dropdownMenuToggler.forEach((toggler) => {
    toggler?.addEventListener("click", (e) => {
      e.target.parentElement.classList.toggle("active");
    });
  });

  const categoryColours = {
    "Activists"; '#ECCD61',
    'Creative Artists': '#9DC87C',
    'Politicians': '#E6647C',
    'Writers': '#ECA461',
    'Actors': '#7CB1C8',
    'Scientists': '#E56464',
    'Athletes': '#847DCE'
  }
})();