function getStyles()

in src/components/Search/SearchResultsList.tsx [35:79]

• 44 lines of code
• 5 McCabe index (conditional complexity)

function getStyles(theme: string) {
  const backgroundColor =
    theme === 'light' ? Colors.Background300 : Colors.Background300Dark;
  const hoverColor =
    theme === 'light' ? Colors.SecondaryHover : Colors.SecondaryHoverDark;
  const activeColor =
    theme === 'light' ? Colors.SecondaryActive : Colors.SecondaryActiveDark;
  const captionStyle =
    theme === 'light' ? captionStylesLight : captionStylesDark;

  return style({
    backgroundColor,
    position: 'relative',
    ...sharedSelectStyles,
    $nest: {
      '.MuiListItemButton-root': {
        padding: `${Spacing.xSmall}px ${Spacing.Small}px`,
        $nest: {
          '&:hover': {
            backgroundColor: hoverColor,
            borderRadius: '4px',
          },
          '&:active': {
            backgroundColor: activeColor,
            borderRadius: '4px',
          },
        },
      },
      '.item-selected': {
        backgroundColor: hoverColor,
        borderRadius: '4px',
      },
      '.revision-hash': {
        ...FontsRaw.BodyDefault,
        marginRight: Spacing.Small,
      },
      '.info-caption': {
        ...captionStyle,
      },
      '.MuiTypography-root': {
        ...FontsRaw.BodyDefault,
      },
    },
  });
}