How to use the styled-tools.palette function in styled-tools

To help you get started, we’ve selected a few styled-tools examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

(opaque, paletteProp, tone = 0) => {
    if (!opaque) {
      return 'unset'
    }
    return palette(paletteProp, tone, 'unset')
  }
)

(opaque, paletteProp, tone = 0) => {
    if (!opaque) {
      return "unset";
    }
    return palette(paletteProp, tone, "unset");
  }
);

(opaque, paletteProp, tone = 0) =>
    palette(opaque
      ? `${paletteProp}Text`
      : paletteProp, tone, 'inherit')
)

    border-color: ${(props: any) => palette(props.palette || 'primary', 0, defaultPalette.primary)};
    left: 1.7em;

    border-color: ${(props: any) => palette(props.palette || 'primary', 0, defaultPalette.primary)};
    left: 1.7em;