Got latte working, also added option for schoology cloaking
This commit is contained in:
parent
afd295a276
commit
e02c7c7732
5 changed files with 17 additions and 12 deletions
|
|
@ -29,8 +29,8 @@ function Customization({ id, active }) {
|
||||||
className="content-card flex w-full flex-col items-center justify-center text-center"
|
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="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="p-2 text-3xl font-bold text-catppuccinText">{t("settings.theme.title")}</div>
|
||||||
<div class="text-md p-4 font-bold">{t("settings.theme.subtitle")}</div>
|
<div class="text-md p-4 font-bold text-catppuccinText">{t("settings.theme.subtitle")}</div>
|
||||||
<Dropdown storageKey="theme" options={themes} refresh={true} />
|
<Dropdown storageKey="theme" options={themes} refresh={true} />
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
|
||||||
|
|
@ -26,8 +26,8 @@ const Misc = ({ id, active }) => {
|
||||||
className="content-card flex w-full flex-row flex-wrap justify-center gap-4"
|
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="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-3xl font-bold text-catppuccinText">{t("settings.languages.title")}</div>
|
||||||
<div class="text-md font-bold">{t("settings.languages.subtitle")}</div>
|
<div class="text-md font-bold text-catppuccinText">{t("settings.languages.subtitle")}</div>
|
||||||
<Dropdown
|
<Dropdown
|
||||||
storageKey="i18nextLng"
|
storageKey="i18nextLng"
|
||||||
options={languages}
|
options={languages}
|
||||||
|
|
|
||||||
|
|
@ -39,13 +39,13 @@ const Proxy = ({ id, active }) => {
|
||||||
className="content-card flex w-full flex-row flex-wrap justify-center gap-4"
|
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="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="p-2 text-3xl font-bold text-catppuccinText">{t("settings.proxy.title")}</div>
|
||||||
<div class="text-md p-4 font-bold">{t("settings.proxy.subtitle")}</div>
|
<div class="text-md p-4 font-bold text-catppuccinText">{t("settings.proxy.subtitle")}</div>
|
||||||
<Dropdown storageKey="proxy" options={engines} refresh={false} />
|
<Dropdown storageKey="proxy" options={engines} refresh={false} />
|
||||||
</div>
|
</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="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="p-2 text-3xl font-bold text-catppuccinText">{t("settings.proxymodes.title")}</div>
|
||||||
<div class="text-md p-4 font-bold">{t("settings.proxymodes.subtitle")}</div>
|
<div class="text-md p-4 font-bold text-catppuccinText">{t("settings.proxymodes.subtitle")}</div>
|
||||||
<Dropdown
|
<Dropdown
|
||||||
storageKey="proxyMode"
|
storageKey="proxyMode"
|
||||||
options={proxyModes}
|
options={proxyModes}
|
||||||
|
|
@ -53,8 +53,8 @@ const Proxy = ({ id, active }) => {
|
||||||
/>
|
/>
|
||||||
</div>
|
</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="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="p-2 text-3xl font-bold text-catppuccinText">{t("settings.search.title")}</div>
|
||||||
<div class="text-md p-4 font-bold">{t("settings.search.subtitle")}</div>
|
<div class="text-md p-4 font-bold text-catppuccinText">{t("settings.search.subtitle")}</div>
|
||||||
<Dropdown
|
<Dropdown
|
||||||
storageKey="searchEngine"
|
storageKey="searchEngine"
|
||||||
options={searchEngines}
|
options={searchEngines}
|
||||||
|
|
|
||||||
|
|
@ -19,8 +19,8 @@ const TabSettings = ({ id, active }) => {
|
||||||
variants={settingsPageVariant}
|
variants={settingsPageVariant}
|
||||||
className="content-card flex w-full flex-col items-center justify-center text-center"
|
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-3xl font-bold text-catppuccinText">{t("settings.cloaking.title")}</div>
|
||||||
<div class="text-md font-bold pb-5">{t("settings.cloaking.subtitle")}</div>
|
<div class="text-md font-bold pb-5 text-catppuccinText">{t("settings.cloaking.subtitle")}</div>
|
||||||
<div class="flex flex-row space-x-4">
|
<div class="flex flex-row space-x-4">
|
||||||
<CloakPreset faviconUrl="none" title="none" />
|
<CloakPreset faviconUrl="none" title="none" />
|
||||||
<CloakPreset
|
<CloakPreset
|
||||||
|
|
@ -39,6 +39,10 @@ const TabSettings = ({ id, active }) => {
|
||||||
faviconUrl="https://ssl.gstatic.com/classroom/ic_product_classroom_144.png"
|
faviconUrl="https://ssl.gstatic.com/classroom/ic_product_classroom_144.png"
|
||||||
title="Home"
|
title="Home"
|
||||||
/>
|
/>
|
||||||
|
<CloakPreset
|
||||||
|
faviconUrl="https://asset-cdn.schoology.com/sites/all/themes/schoology_theme/favicon.ico"
|
||||||
|
title="Schoology"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
|
||||||
|
|
@ -11,6 +11,7 @@ export default {
|
||||||
"text-hover-color": "var(--navbar-link-hover-color)",
|
"text-hover-color": "var(--navbar-link-hover-color)",
|
||||||
input: "var(--input-background-color)",
|
input: "var(--input-background-color)",
|
||||||
"input-text": "var(--input-text-color)",
|
"input-text": "var(--input-text-color)",
|
||||||
|
"catppuccinText": "var(--input-text-color)",
|
||||||
"input-border-color": "var(--input-border-color)",
|
"input-border-color": "var(--input-border-color)",
|
||||||
"dropdown-option-hover-color": "var(--dropdown-option-hover-color)"
|
"dropdown-option-hover-color": "var(--dropdown-option-hover-color)"
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue