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

Fix invalid themes

Browse source
This commit is contained in:
rift 2023-12-31 20:13:57 -06:00
parent dd988979cf
commit 146ef7dc21
5 changed files with 64 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

32
public/themes/catppuccinFrappe.css
View file

@ -1,22 +1,22 @@
@import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap");
:root { :root {
--background-primary: #303446; --background-primary: #303446 !important;
--background-lighter: #232634; --background-lighter: #232634 !important;
--navbar-color: #232634; --navbar-color: #232634 !important;
--navbar-height: 60px; --navbar-height: 60px !important;
--navbar-text-color: #ca9ee6; --navbar-text-color: #ca9ee6 !important;
--navbar-link-color: #8caaee; --navbar-link-color: #8caaee !important;
--navbar-link-hover-color: #ca9ee6; --navbar-link-hover-color: #ca9ee6 !important;
--navbar-font: "Roboto"; --navbar-font: "Roboto" !important;
--input-text-color: #c6d0f5; --input-text-color: #c6d0f5 !important;
--input-placeholder-color: #b5bfe2; --input-placeholder-color: #b5bfe2 !important;
--input-background-color: #292c3c; --input-background-color: #292c3c !important;
--input-border-color: #ca9ee6; --input-border-color: #ca9ee6 !important;
--input-border-size: 1.3px; --input-border-size: 1.3px !important;
--navbar-logo-filter: none; --navbar-logo-filter: none !important;
--dropdown-option-hover-color: #232634; --dropdown-option-hover-color: #232634 !important;
--tab-color: #414559; --tab-color: #414559 !important;
} }
.font-inter { .font-inter {

32
public/themes/catppuccinLatte.css
View file

@ -1,22 +1,22 @@
@import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap");
:root { :root {
--background-primary: #eff1f5; --background-primary: #eff1f5 !important;
--background-lighter: #dce0e8; --background-lighter: #dce0e8 !important;
--navbar-color: #dce0e8; --navbar-color: #dce0e8 !important;
--navbar-height: 60px; --navbar-height: 60px !important;
--navbar-text-color: #8839ef; --navbar-text-color: #8839ef !important;
--navbar-link-color: #1e66f5; --navbar-link-color: #1e66f5 !important;
--navbar-link-hover-color: #8839ef; --navbar-link-hover-color: #8839ef !important;
--navbar-font: "Roboto"; --navbar-font: "Roboto" !important;
--input-text-color: #4c4f69; --input-text-color: #4c4f69 !important;
--input-placeholder-color: #5c5f77; --input-placeholder-color: #5c5f77 !important;
--input-background-color: #e6e9ef; --input-background-color: #e6e9ef !important;
--input-border-color: #8839ef; --input-border-color: #8839ef !important;
--input-border-size: 1.3px; --input-border-size: 1.3px !important;
--navbar-logo-filter: none; --navbar-logo-filter: none !important;
--dropdown-option-hover-color: #dce0e8; --dropdown-option-hover-color: #dce0e8 !important;
--tab-color: #ccd0da; --tab-color: #ccd0da; !important
} }
.font-inter { .font-inter {

30
public/themes/catppuccinMacchiato.css
View file

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

32
public/themes/catppuccinMocha.css
View file

@ -1,22 +1,22 @@
@import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap");
:root { :root {
--background-primary: #1e1e2e; --background-primary: #1e1e2e !important;
--background-lighter: #11111b; --background-lighter: #11111b !important;
--navbar-color: #11111b; --navbar-color: #11111b !important;
--navbar-height: 60px; --navbar-height: 60px !important;
--navbar-text-color: #cba6f7; --navbar-text-color: #cba6f7 !important;
--navbar-link-color: #89b4fa; --navbar-link-color: #89b4fa !important;
--navbar-link-hover-color: #cba6f7; --navbar-link-hover-color: #cba6f7 !important;
--navbar-font: "Roboto"; --navbar-font: "Roboto" !important;
--input-text-color: #cdd6f4; --input-text-color: #cdd6f4 !important;
--input-placeholder-color: #bac2de; --input-placeholder-color: #bac2de !important;
--input-background-color: #181825; --input-background-color: #181825 !important;
--input-border-color: #cba6f7; --input-border-color: #cba6f7 !important;
--input-border-size: 1.3px; --input-border-size: 1.3px !important;
--navbar-logo-filter: none; --navbar-logo-filter: none !important;
--dropdown-option-hover-color: #11111b; --dropdown-option-hover-color: #11111b !important;
--tab-color: #313244; --tab-color: #313244 !important;
} }
.font-inter { .font-inter {

1
src/index.tsx
View file

@ -12,6 +12,7 @@ export default function App() {
<div> <div>
<Helmet> <Helmet>
<link rel="stylesheet" href={"/themes/" + theme + ".css"}></link> <link rel="stylesheet" href={"/themes/" + theme + ".css"}></link>
<link rel="stylesheet" href="/themes/main.css"></link>
</Helmet> </Helmet>
<Suspense fallback={<LoadSuspense />}> <Suspense fallback={<LoadSuspense />}>
<div> <div>