dappconnect-sdks/packages/components/consts/opacity.ts

// note: opacity hex https://stackoverflow.com/a/8254129/6924883
// note: opacity amount https://tailwindcss.com/docs/opacity
export const opacity = {
  100: {
    hex: 'FF',
    percentage: '100%',
    decimal: 1,
  },
  95: {
    hex: 'F2',
    percentage: '95%',
    decimal: 0.95,
  },
  90: {
    hex: 'E5',
    percentage: '90%',
    decimal: 0.9,
  },
  85: {
    hex: 'D8',
    percentage: '85%',
    decimal: 0.85,
  },
  80: {
    hex: 'CC',
    percentage: '80%',
    decimal: 0.8,
  },
  75: {
    hex: 'BF',
    percentage: '75%',
    decimal: 0.75,
  },
  70: {
    hex: 'B2',
    percentage: '70%',
    decimal: 0.7,
  },
  65: {
    hex: 'A5',
    percentage: '65%',
    decimal: 0.65,
  },
  60: {
    hex: '99',
    percentage: '60%',
    decimal: 0.6,
  },
  55: {
    hex: '8C',
    percentage: '55%',
    decimal: 0.55,
  },
  50: {
    hex: '7F',
    percentage: '50%',
    decimal: 0.5,
  },
  45: {
    hex: '72',
    percentage: '45%',
    decimal: 0.45,
  },
  40: {
    hex: '66',
    percentage: '40%',
    decimal: 0.4,
  },
  35: {
    hex: '59',
    percentage: '35%',
    decimal: 0.35,
  },
  30: {
    hex: '4C',
    percentage: '30%',
    decimal: 0.3,
  },
  25: {
    hex: '3F',
    percentage: '25%',
    decimal: 0.25,
  },
  20: {
    hex: '33',
    percentage: '20%',
    decimal: 0.2,
  },
  15: {
    hex: '26',
    percentage: '15%',
    decimal: 0.15,
  },
  10: {
    hex: '19',
    percentage: '10%',
    decimal: 0.1,
  },
  5: {
    hex: '0C',
    percentage: '5%',
    decimal: 0.05,
  },
  0: {
    hex: '00',
    percentage: '0%',
    decimal: 0,
  },
}