function getStyles()

in src/components/CompareResults/SubtestsResults/SubtestsRevisionRow.tsx [38:108]
9 lines of code
3 McCabe index (conditional complexity)

function getStyles(themeMode: string) {
  const mainBackgroundColor =
    themeMode === 'light' ? Colors.Background200 : Colors.Background200Dark;
  const backgroundColorExpandButton =
    themeMode === 'light' ? Colors.Background300 : Colors.Background100Dark;

  return {
    revisionRow: style({
      ...revisionsRow,
      backgroundColor: mainBackgroundColor,
      $nest: {
        '.cell': {
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          padding: `${Spacing.xSmall}px ${Spacing.Small}px`,
        },
        '.confidence': {
          gap: '10px',
          justifyContent: 'start',
          paddingInlineStart: '15%',
        },
        '.subtests': {
          borderRadius: '4px 0 0 4px',
          paddingLeft: Spacing.Medium, // Synchronize with its header
          justifyContent: 'left',
          whiteSpace: 'nowrap',
          overflow: 'hidden',
          textOverflow: 'ellipsis',
        },
        '.status': {
          justifyContent: 'center',
        },
        '.total-runs': {
          gap: '8px',
        },
        '.row-buttons': {
          borderRadius: '0px 4px 4px 0px',
          display: 'flex',
          justifyContent: 'flex-end',
        },
        '.expand-button': {
          backgroundColor: backgroundColorExpandButton,
        },
        '.status-hint': {
          display: 'inline-flex',
          gap: '6px',
          borderRadius: '4px',
          padding: '4px 10px',
        },

        '.status-hint .MuiSvgIcon-root': {
          height: '16px',
        },

        '.status-hint-regression .MuiSvgIcon-root': {
          // We need to move the icon a bit lower so that it _looks_ centered.
          marginTop: '2px',
        },
        '.browser-name': {
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          flexDirection: 'column',
          padding: '10px 0px',
        },
      },
    }),
    typography: typography,
  };
}