Reduce the number of switch - case with Object Literals

Question

I'm studying javascript, and I've already seen that there's a way to reduce the number of switch - case with Object Literals. I'm trying to change this method, but I am not able to reduce the number of switches

 static darkerColors(value: string, theme: ThemeMode) {
    const test = theme === ThemeMode.LIGHT
    switch (value) {
      case Colors.BLUE: {
        return test ? '#253F82' : '#BED1FF'
      }
      case Colors.CYAN: {
        return test ? '#066262' : '#A2EAEA'
      }
      case Colors.PURPLE: {
        return test ? '#4727B0' : '#D3C6FD'
      }
      case Colors.ORANGE: {
        return test ? '#9C2100' : '#FF9377'
      }
      case Colors.YELLOW: {
        return test ? '#6C5200' : '#F9E298'
      }
      default:
        return test ? '#32363B' : '#C9CED4'
    }
  }

Answer 1

you can use an object to handle the configuration

like this

const config = {
  light: {
    blue:  '#253F82',
    default: '#32363B'
  },
  default: {
    blue: '#BED1FF',
    default: '#C9CED4'
  }
}

function darkerColors(value, theme) {
    const fallback = 'default'
    const colors = config[theme] || config[fallback]
    
    return colors[value] || colors[fallback]
  }
  
console.log(darkerColors('blue', 'light'))
console.log(darkerColors('red', 'light'))

console.log(darkerColors('blue', 'dark'))
console.log(darkerColors('red', 'dark'))