From 5e5d33c610104cd1411e946e4a6616a1f711d619 Mon Sep 17 00:00:00 2001 From: Fascinated Date: Mon, 10 Jul 2023 04:38:49 +0100 Subject: [PATCH] add button text color to theme --- src/app/page.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 5c4c5f7..3f7a3bd 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,19 +21,23 @@ export default function Home() { } = Config; // All of the settings pulled from the config file // Theme colors to use when using the selected theme + // all used colors are from TailwindCSS const themeColors: { [key: string]: { background: string; textColor: string; + buttonTextColor: string; }; } = { dark: { background: "bg-neutral-900", textColor: "text-white", + buttonTextColor: "text-white", }, light: { background: "bg-white", textColor: "text-black", + buttonTextColor: "text-white", }, }; const selectedTheme = themeColors[theme]; // The theme to use @@ -94,7 +98,7 @@ export default function Home() { target="_blank" rel="noopener noreferrer" className={`flex flex-row items-center justify-center mt-4 px-4 w-60 py-2 rounded - text-white ${link.color.normal} hover:brightness-75 transition`} + ${selectedTheme.buttonTextColor} ${link.color.normal} hover:brightness-75 transition`} > {link.icon && ( <>