diff --git a/components/button.tsx b/components/button.tsx index b87b28bf..5806c1a8 100644 --- a/components/button.tsx +++ b/components/button.tsx @@ -2,6 +2,8 @@ import React, { FC, ReactNode } from "react"; import { twMerge } from "tailwind-merge"; import { workspacestate } from "@/state"; import { useRecoilState } from "recoil"; +import { getContrastColor } from "@/utils/color"; +import { getHexFromTheme } from "@/utils/themeColor"; type Props = { children: ReactNode; @@ -26,33 +28,50 @@ const Button: FC = ({ disabled, type = "button", }) => { + const [workspaceState] = useRecoilState(workspacestate); + const workspaceTextColor = getContrastColor( + workspaceState?.groupTheme + ? getHexFromTheme(workspaceState.groupTheme) + : "#000000" + ); return (