const guiColors = {
    'motion-primary': '#4caf50', // bright green
    'motion-primary-transparent': '#4caf50e6', // semi-transparent green
    'motion-tertiary': '#388e3c', // darker green

    'looks-secondary': '#4caf50', // bright green
    'looks-transparent': '#4caf5059', // more transparent green
    'looks-light-transparent': '#4caf5026', // very transparent green
    'looks-secondary-dark': 'hsla(122, 39%, 35%, 1)', // dark green

    'extensions-primary': 'hsla(122, 39%, 65%, 1)', // light green
    'extensions-tertiary': 'hsla(122, 39%, 45%, 1)', // medium green
    'extensions-transparent': 'hsla(122, 39%, 65%, 0.35)', // semi-transparent green
    'extensions-light': 'hsla(122, 39%, 85%, 1)', // very light green

    'drop-highlight': '#80c883' // light green
};

const blockColors = {
    checkboxActiveBackground: '#4caf50', // bright green
    checkboxActiveBorder: '#388e3c' // darker green
};

export {
    guiColors,
    blockColors
};