backgroundColor: barColour()

in app/Frontpage.tsx [295:333]

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

          backgroundColor: barColour(),
          borderRadius: "3px",
          height: "18px",
        }}
      ></div>
    );
  };

  const barTotal = (from: number, total: number) => {
    if (total < 500) {
      return total;
    } else if (total - from > 500) {
      return 500;
    } else {
      return total - Math.floor(total / 500) * 500;
    }
  };

  const detectDarkTheme = () => {
    const isDarkTheme = useTheme().palette.type === "dark";
    return isDarkTheme;
  };

  const barColour = () => {
    if (detectDarkTheme()) {
      return "#ffffff";
    } else {
      return "#B0B0B0";
    }
  };

  return (
    <div className={makeClassName()}>
      <div className="status-container">
        <Grid container className={classes.statusArea}>
          {searching ? (
            <Grid item>
              <div
                style={{