diff --git a/src/pages/Settings/Customization.tsx b/src/pages/Settings/Customization.tsx
index 283b494..726ef95 100644
--- a/src/pages/Settings/Customization.tsx
+++ b/src/pages/Settings/Customization.tsx
@@ -29,8 +29,8 @@ function Customization({ id, active }) {
         className="content-card flex w-full flex-col items-center justify-center text-center"
       >
         <div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center">
-          <div class="p-2 text-3xl font-bold">{t("settings.theme.title")}</div>
-          <div class="text-md p-4 font-bold">{t("settings.theme.subtitle")}</div>
+          <div class="p-2 text-3xl font-bold text-catppuccinText">{t("settings.theme.title")}</div>
+          <div class="text-md p-4 font-bold text-catppuccinText">{t("settings.theme.subtitle")}</div>
           <Dropdown storageKey="theme" options={themes} refresh={true} />
         </div>
       </motion.div>
diff --git a/src/pages/Settings/Misc.tsx b/src/pages/Settings/Misc.tsx
index 3b1a709..c88cc26 100644
--- a/src/pages/Settings/Misc.tsx
+++ b/src/pages/Settings/Misc.tsx
@@ -26,8 +26,8 @@ const Misc = ({ id, active }) => {
         className="content-card flex w-full flex-row flex-wrap justify-center gap-4"
       >
         <div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center">
-          <div class="text-3xl font-bold">{t("settings.languages.title")}</div>
-          <div class="text-md font-bold">{t("settings.languages.subtitle")}</div>
+          <div class="text-3xl font-bold text-catppuccinText">{t("settings.languages.title")}</div>
+          <div class="text-md font-bold text-catppuccinText">{t("settings.languages.subtitle")}</div>
           <Dropdown
             storageKey="i18nextLng"
             options={languages}
diff --git a/src/pages/Settings/Proxy.tsx b/src/pages/Settings/Proxy.tsx
index 2fd2166..21b8918 100644
--- a/src/pages/Settings/Proxy.tsx
+++ b/src/pages/Settings/Proxy.tsx
@@ -39,13 +39,13 @@ const Proxy = ({ id, active }) => {
         className="content-card flex w-full flex-row flex-wrap justify-center gap-4"
       >
         <div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center">
-          <div class="p-2 text-3xl font-bold">{t("settings.proxy.title")}</div>
-          <div class="text-md p-4 font-bold">{t("settings.proxy.subtitle")}</div>
+          <div class="p-2 text-3xl font-bold text-catppuccinText">{t("settings.proxy.title")}</div>
+          <div class="text-md p-4 font-bold text-catppuccinText">{t("settings.proxy.subtitle")}</div>
           <Dropdown storageKey="proxy" options={engines} refresh={false} />
         </div>
         <div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center">
-          <div class="p-2 text-3xl font-bold">{t("settings.proxymodes.title")}</div>
-          <div class="text-md p-4 font-bold">{t("settings.proxymodes.subtitle")}</div>
+          <div class="p-2 text-3xl font-bold text-catppuccinText">{t("settings.proxymodes.title")}</div>
+          <div class="text-md p-4 font-bold text-catppuccinText">{t("settings.proxymodes.subtitle")}</div>
           <Dropdown
             storageKey="proxyMode"
             options={proxyModes}
@@ -53,8 +53,8 @@ const Proxy = ({ id, active }) => {
           />
         </div>
         <div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center">
-          <div class="p-2 text-3xl font-bold">{t("settings.search.title")}</div>
-          <div class="text-md p-4 font-bold">{t("settings.search.subtitle")}</div>
+          <div class="p-2 text-3xl font-bold text-catppuccinText">{t("settings.search.title")}</div>
+          <div class="text-md p-4 font-bold text-catppuccinText">{t("settings.search.subtitle")}</div>
           <Dropdown
             storageKey="searchEngine"
             options={searchEngines}
diff --git a/src/pages/Settings/TabSettings.tsx b/src/pages/Settings/TabSettings.tsx
index 46ea74f..f7e0423 100644
--- a/src/pages/Settings/TabSettings.tsx
+++ b/src/pages/Settings/TabSettings.tsx
@@ -19,8 +19,8 @@ const TabSettings = ({ id, active }) => {
         variants={settingsPageVariant}
         className="content-card flex w-full flex-col items-center justify-center text-center"
       >
-        <div class="text-3xl font-bold">{t("settings.cloaking.title")}</div>
-        <div class="text-md font-bold pb-5">{t("settings.cloaking.subtitle")}</div>
+        <div class="text-3xl font-bold text-catppuccinText">{t("settings.cloaking.title")}</div>
+        <div class="text-md font-bold pb-5 text-catppuccinText">{t("settings.cloaking.subtitle")}</div>
         <div class="flex flex-row space-x-4">
           <CloakPreset faviconUrl="none" title="none" />
           <CloakPreset
@@ -39,6 +39,10 @@ const TabSettings = ({ id, active }) => {
             faviconUrl="https://ssl.gstatic.com/classroom/ic_product_classroom_144.png"
             title="Home"
           />
+          <CloakPreset
+            faviconUrl="https://asset-cdn.schoology.com/sites/all/themes/schoology_theme/favicon.ico"
+            title="Schoology"
+          />
         </div>
       </motion.div>
     </motion.div>
diff --git a/tailwind.config.js b/tailwind.config.js
index c2e7717..5be2bc6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,6 +11,7 @@ export default {
       "text-hover-color": "var(--navbar-link-hover-color)",
       input: "var(--input-background-color)",
       "input-text": "var(--input-text-color)",
+      "catppuccinText": "var(--input-text-color)",
       "input-border-color": "var(--input-border-color)",
       "dropdown-option-hover-color": "var(--dropdown-option-hover-color)"
     },