From d8a975d531f72c3ee00d87033224f96e03e71c70 Mon Sep 17 00:00:00 2001
From: incognitotgt <mashoor539@icloud.com>
Date: Tue, 2 Jan 2024 17:51:56 -0500
Subject: [PATCH] Catppuccin theming was inconsistent

---
 src/pages/Settings/Dropdown.tsx |  6 +++---
 src/pages/discord.tsx           | 10 ++++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/pages/Settings/Dropdown.tsx b/src/pages/Settings/Dropdown.tsx
index 52fcddb..0c5f86d 100644
--- a/src/pages/Settings/Dropdown.tsx
+++ b/src/pages/Settings/Dropdown.tsx
@@ -36,10 +36,10 @@ const Dropdown = ({
       >
         <div className="flex h-full w-full select-none flex-row items-center">
           <div className="h-full w-1/4"></div>
-          <div className="flex w-2/4 flex-col items-center">
+          <div className="flex w-2/4 flex-col items-center text-input-text">
             {options.find((o) => o.id === choice)?.label}
           </div>
-          <div className="flex w-1/4 flex-col items-center">
+          <div className="flex w-1/4 flex-col items-center text-input-text">
             <FaAngleDown />
           </div>
         </div>
@@ -48,7 +48,7 @@ const Dropdown = ({
             {options.map((option, index) => (
               <div
                 key={option.id}
-                className={`border border-input-border-color bg-input p-2 hover:bg-dropdown-option-hover-color ${
+                className={`border border-input-border-color bg-input p-2 text-input-text hover:bg-dropdown-option-hover-color ${
                   index === options.length - 1 ? "rounded-b-2xl" : ""
                 }`}
                 onClick={() => {
diff --git a/src/pages/discord.tsx b/src/pages/discord.tsx
index bdb7894..4526135 100644
--- a/src/pages/discord.tsx
+++ b/src/pages/discord.tsx
@@ -15,13 +15,15 @@ export function DiscordPage() {
         <div className="flex h-full flex-col items-center justify-center">
           <img src="/services.png" className="h-72 w-72"></img>
           <div className="flex flex-col items-center p-6">
-            <p className="font-roboto text-4xl font-bold">
+            <p className="font-roboto text-4xl font-bold text-input-text">
               {t("discord.title")}
             </p>
-            <span className="font-roboto text-3xl">{t("discord.sub")}</span>
+            <span className="font-roboto text-3xl text-input-text">
+              {t("discord.sub")}
+            </span>
           </div>
           <a href="https://discord.gg/unblocker" className="p-6">
-            <button className="font-roboto h-14 w-56 rounded-2xl border border-input-border-color bg-input p-2 text-center text-xl placeholder:text-input-text focus:outline-none">
+            <button className="font-roboto h-14 w-56 rounded-2xl border border-input-border-color bg-input p-2 text-center text-xl text-input-text focus:outline-none">
               {t("discord.button1")}
             </button>
           </a>
@@ -29,7 +31,7 @@ export function DiscordPage() {
             href="/~/uv/https%3A%2F%2Fdiscord.com%2Finvite%2Funblocker"
             className="p-6"
           >
-            <button className="font-roboto h-14 w-56 rounded-2xl border border-input-border-color bg-input p-2 text-center text-xl placeholder:text-input-text focus:outline-none">
+            <button className="font-roboto h-14 w-56 rounded-2xl border border-input-border-color bg-input p-2 text-center text-xl text-input-text focus:outline-none">
               {t("discord.button2")}
             </button>
           </a>