titaniumnet-mirror/Nebula
1
0
Fork 0
mirror of https://github.com/NebulaServices/Nebula.git synced 2025-05-17 13:30:00 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Frappe;tabs in settings iffy

Browse source
This commit is contained in:
incognitotgt 2023-12-31 00:59:22 -05:00
parent 6b034d0eeb
commit 94cc720ee4
9 changed files with 57 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

28
public/themes/catppuccinMacchiato.css Normal file
View file

@ -0,0 +1,28 @@
@import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap");
:root {
--background-primary: #24273a;
--background-lighter: #181926;
--navbar-color: #181926;
--navbar-height: 60px;
--navbar-text-color: #c6a0f6;
--navbar-link-color: #8aadf4;
--navbar-link-hover-color: #c6a0f6;
--navbar-font: "Roboto";
--input-text-color: #cad3f5;
--input-placeholder-color: #b8c0e0;
--input-background-color: #1e2030;
--input-border-color: #c6a0f6;
--input-border-size: 1.3px;
--navbar-logo-filter: none;
--dropdown-option-hover-color: #181926;
}
.font-inter {
font-family: "Inter", sans-serif;
font-weight: 300;
}
.font-roboto {
font-family: "Roboto";
}

5
src/locales/en.json
View file

@ -66,6 +66,9 @@
"comingsoon": "Coming soon!",
"themes": {
"main": "Main",
"catppuccinMocha": "Catppuccin Mocha"
"catppuccinMocha": "Catppuccin Mocha",
"catppuccinMacchiato": "Catppuccin Macchiato",
"catppuccinFrappe": "Catppuccin Frappe"
}
}

6
src/locales/es.json
View file

@ -66,6 +66,10 @@
"comingsoon": "¡Próximamente!",
"themes": {
"main": "Por defecto",
"catppuccinMocha": "Catppuccin Mocha"
"catppuccinMocha": "Catppuccin Mocha",
"catppuccinMacchiato": "Catppuccin Macchiato",
"catppuccinFrappe": "Catppuccin Frappe"
}
}

4
src/locales/ja.json
View file

@ -66,6 +66,8 @@
"comingsoon": "近日公開",
"themes": {
"main": "デフォルト",
"catppuccinMocha": "Catppuccin Mocha"
"catppuccinMocha": "Catppuccin Mocha",
"catppuccinMacchiato": "Catppuccin Macchiato",
"catppuccinFrappe": "Catppuccin Frappe"
}
}

8
src/pages/Settings/Customization.tsx
View file

@ -9,7 +9,9 @@ function Customization({ id, active }) {
const themes = [
{ id: "main", label: t("themes.main") },
{ id: "catppuccinMocha", label: t("themes.catppuccinMocha") }
{ id: "catppuccinMocha", label: t("themes.catppuccinMocha") },
{ id: "catppuccinMacchiato", label: t("themes.catppuccinMacchiato") },
{ id: "catppuccinFrappe", label: t("themes.catppuccinFrappe") }
];
return (
@ -26,8 +28,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">{t("settings.theme.title")}</div>
<div class="text-md p-4">{t("settings.theme.subtitle")}</div>
<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>
<Dropdown storageKey="theme" options={themes} refresh={true} />
</div>
</motion.div>

4
src/pages/Settings/Misc.tsx
View file

@ -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">{t("settings.languages.title")}</div>
<div class="text-md">{t("settings.languages.subtitle")}</div>
<div class="text-3xl font-bold">{t("settings.languages.title")}</div>
<div class="text-md font-bold">{t("settings.languages.subtitle")}</div>
<Dropdown
storageKey="i18nextLng"
options={languages}

12
src/pages/Settings/Proxy.tsx
View file

@ -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">{t("settings.proxy.title")}</div>
<div class="text-md p-4">{t("settings.proxy.subtitle")}</div>
<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>
<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">{t("settings.proxymodes.title")}</div>
<div class="text-md p-4">{t("settings.proxymodes.subtitle")}</div>
<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>
<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">{t("settings.search.title")}</div>
<div class="text-md p-4">{t("settings.search.subtitle")}</div>
<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>
<Dropdown
storageKey="searchEngine"
options={searchEngines}

4
src/pages/Settings/TabSettings.tsx
View file

@ -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">{t("settings.cloaking.title")}</div>
<div class="text-md pb-5">{t("settings.cloaking.subtitle")}</div>
<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="flex flex-row space-x-4">
<CloakPreset faviconUrl="none" title="none" />
<CloakPreset

3
src/pages/Settings/styles.css
View file

@ -1,3 +1,4 @@
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");
* {
box-sizing: border-box;
}
@ -11,7 +12,7 @@
body {
-webkit-font-smoothing: antialiased;
font-family: Arial, Helvetica, sans-serif;
font-family: Roboto;
background: var(--active-color);
transition: background 1.5s ease;
}