diff --git a/apps/nextjs/src/app/[locale]/boards/(content)/_theme.tsx b/apps/nextjs/src/app/[locale]/boards/(content)/_theme.tsx index bde65aa42..76d68a6b3 100644 --- a/apps/nextjs/src/app/[locale]/boards/(content)/_theme.tsx +++ b/apps/nextjs/src/app/[locale]/boards/(content)/_theme.tsx @@ -2,7 +2,7 @@ import type { PropsWithChildren } from "react"; import type { MantineColorsTuple } from "@mantine/core"; -import { createTheme, darken, lighten, MantineProvider } from "@mantine/core"; +import { colorsTuple, createTheme, darken, lighten, MantineProvider } from "@mantine/core"; import { useRequiredBoard } from "@homarr/boards/context"; import type { ColorScheme } from "@homarr/definitions"; @@ -20,6 +20,7 @@ export const BoardMantineProvider = ({ colors: { primaryColor: generateColors(board.primaryColor), secondaryColor: generateColors(board.secondaryColor), + iconColor: board.iconColor ? generateColors(board.iconColor) : colorsTuple("#000000"), }, primaryColor: "primaryColor", autoContrast: true, diff --git a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_appereance.tsx b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_appereance.tsx index b403843fb..b96d99a88 100644 --- a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_appereance.tsx +++ b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_appereance.tsx @@ -40,6 +40,7 @@ export const ColorSettingsContent = ({ board }: Props) => { primaryColor: board.primaryColor, secondaryColor: board.secondaryColor, opacity: board.opacity, + iconColor: board.iconColor ?? "", itemRadius: board.itemRadius, }, }); @@ -101,6 +102,12 @@ export const ColorSettingsContent = ({ board }: Props) => { + color[6])} + {...form.getInputProps("iconColor")} + />