From 37e1c3a16461ba2eb021a4b9a051017343e0d29c Mon Sep 17 00:00:00 2001
From: Anush008 <anushshetty90@gmail.com>
Date: Thu, 27 Apr 2023 18:27:05 +0530
Subject: [PATCH] feat: Added light mode to GH profile page buttons

---
 .../components/InviteToOpenSauced/InviteToOpenSaucedButton.ts   | 2 +-
 .../components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton.ts | 2 +-
 tailwind.config.js                                              | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/content-scripts/components/InviteToOpenSauced/InviteToOpenSaucedButton.ts b/src/content-scripts/components/InviteToOpenSauced/InviteToOpenSaucedButton.ts
index b1de7f14..60b8789f 100644
--- a/src/content-scripts/components/InviteToOpenSauced/InviteToOpenSaucedButton.ts
+++ b/src/content-scripts/components/InviteToOpenSauced/InviteToOpenSaucedButton.ts
@@ -5,7 +5,7 @@ import { createHtmlElement } from "../../../utils/createHtmlElement";
 export const InviteToOpenSaucedButton = () => {
   const inviteToOpenSaucedButton = createHtmlElement("a", {
     className:
-      "inline-block mt-4 text-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border border-solid cursor-pointer bg-gh-gray hover:bg-red-500 hover:shadow-button hover:no-underline",
+      "inline-block mt-4 text-black bg-gh-white dark:bg-gh-gray dark:text-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline",
     innerHTML: `<img
           class="mx-2 inline-block align-top"
           src="${chrome.runtime.getURL(logoIcon)}"
diff --git a/src/content-scripts/components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton.ts b/src/content-scripts/components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton.ts
index 15bd7b5e..648f51fd 100644
--- a/src/content-scripts/components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton.ts
+++ b/src/content-scripts/components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton.ts
@@ -6,7 +6,7 @@ export const ViewOnOpenSaucedButton = (username: string) => {
   const viewOnOpenSaucedButton = createHtmlElement("a", {
     href: `https://insights.opensauced.pizza/user/${username}/contributions`,
     className:
-      "inline-block mt-4 text-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border border-solid cursor-pointer border-orange hover:shadow-button hover:no-underline",
+      "inline-block mt-4 text-black bg-gh-white dark:bg-gh-gray dark:text-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline",
     target: "_blank",
     rel: "noopener noreferrer",
     innerHTML: `
diff --git a/tailwind.config.js b/tailwind.config.js
index a51ba6cf..2fb97a5f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,6 +13,7 @@ module.exports = {
       },
       backgroundColor: {
         "gh-gray": "#21262d",
+        "gh-white": "#f6f8fa"
       }
     },
   },