Homarr/src/components/layout/useGradient.tsx

import { MantineGradient } from '@mantine/core';

import { useColorTheme } from '../../tools/color';

export const usePrimaryGradient = (): MantineGradient => {
  const { primaryColor, secondaryColor } = useColorTheme();

  return {
    from: primaryColor,
    to: secondaryColor,
    deg: 145,
  };
};