sample-tagged-templates-10.ts

// define a object for you theme
export const theme = {
  'colors.hello': true
}

// dynamically infer the possible theme key
export type ThemeKeys =  keyof typeof theme


// restrict interpolation to be only theme keys
function themedStyled(strings: TemplateStringsArray, ...args: ThemeKeys[]){
  // pseudo-code, we can interpolate the values in the tagged-templates css function
  return css(strings, ...args.map(themeKey => theme[themeKey]))
}

// usage
// type Ctrl + enter in your favorite IDE
themedStyled`
  background-color: ${};
`