Change donate button color

Closes #860
xbmc · Mar 24, 2024 · 82c02d7 · 82c02d7
1 parent 66b6366
commit 82c02d7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -38,8 +38,8 @@ let regularButton =
   "text-gray-100 hover:bg-kodibg-lighter hover:text-gray-50 px-3 py-2 rounded-md text-sm font-medium";
 let primaryButton =
   "text-gray-100 bg-kodi-darker hover:bg-kodi hover:text-gray-50 px-3 py-2 rounded-md text-sm font-medium";
-let secondaryButton =
-  "text-gray-100 bg-kodibg-lighter hover:bg-kodibg-darker hover:text-gray-50 px-3 py-2 rounded-md text-sm font-medium";
+let callToActionButton =
+  "text-gray-100 bg-kodi-castellina hover:saturate-150 hover:text-gray-50 px-3 py-2 rounded-md text-sm font-medium";
 
 const mainMenu: MenuEntry[] = [
   {
@@ -200,7 +200,7 @@ const mainMenu: MenuEntry[] = [
   {
     id: "donate",
     title: "Donate",
-    buttonType: primaryButton,
+    buttonType: callToActionButton,
     url: { url: "/donate", type: "internal" },
     dropdown: null,
     footer: null,

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -7,8 +7,8 @@ module.exports = {
         "kodi-darker": "#149ECC",
         "kodi-lighter": "#45C2EC",
         kodibg: "#1B4352",
-        "kodibg-darker": "#12323E",
         "kodibg-lighter": "#20576B",
+        "kodi-castellina": "#A56E41",
       },
     },
   },