feat: Added light mode to GH profile page buttons

open-sauced · Apr 27, 2023 · 37e1c3a · 37e1c3a
1 parent 81cc251
commit 37e1c3a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -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
@@ -13,6 +13,7 @@ module.exports = {
       },
       backgroundColor: {
         "gh-gray": "#21262d",
+        "gh-white": "#f6f8fa"
       }
     },
   },
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,6 +13,7 @@ module.exports = { @@
           },
           backgroundColor: {
             "gh-gray": "#21262d",
+            "gh-white": "#f6f8fa"
           }
         },
       },
@@ Expand Down @@