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"
|
||||
>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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)"
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue