import { color } from './colors';

export const tagLight: { [key: string]: { [key: string]: string } } = {
  text: {
    green: color.green60,
    turquoise: color.turquoise60,
    sky: color.sky60,
    blue: color.blue60,
    purple: color.purple60,
    pink: color.pink60,
    red: color.red60,
    orange: color.orange60,
    yellow: color.yellow60,
    gray: color.gray60,
  },
  background: {
    green: color.green20,
    turquoise: color.turquoise20,
    sky: color.sky20,
    blue: color.blue20,
    purple: color.purple20,
    pink: color.pink20,
    red: color.red20,
    orange: color.orange20,
    yellow: color.yellow20,
    gray: color.gray20,
  },
};

export const tagDark = {
  text: {
    green: color.green10,
    turquoise: color.turquoise10,
    sky: color.sky10,
    blue: color.blue10,
    purple: color.purple10,
    pink: color.pink10,
    red: color.red10,
    orange: color.orange10,
    yellow: color.yellow10,
    gray: color.gray10,
  },
  background: {
    green: color.green60,
    turquoise: color.turquoise60,
    sky: color.sky60,
    blue: color.blue60,
    purple: color.purple60,
    pink: color.pink60,
    red: color.red60,
    orange: color.orange60,
    yellow: color.yellow60,
    gray: color.gray60,
  },
};
