From 146ef7dc217d4b128ee4dc783a7a7a763c4357bf Mon Sep 17 00:00:00 2001 From: rift <117926989+Riftriot@users.noreply.github.com> Date: Sun, 31 Dec 2023 20:13:57 -0600 Subject: [PATCH] Fix invalid themes --- public/themes/catppuccinFrappe.css | 32 +++++++++++++-------------- public/themes/catppuccinLatte.css | 32 +++++++++++++-------------- public/themes/catppuccinMacchiato.css | 30 ++++++++++++------------- public/themes/catppuccinMocha.css | 32 +++++++++++++-------------- src/index.tsx | 1 + 5 files changed, 64 insertions(+), 63 deletions(-) diff --git a/public/themes/catppuccinFrappe.css b/public/themes/catppuccinFrappe.css index 20210d8..f40c3dc 100644 --- a/public/themes/catppuccinFrappe.css +++ b/public/themes/catppuccinFrappe.css @@ -1,22 +1,22 @@ @import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap"); :root { - --background-primary: #303446; - --background-lighter: #232634; - --navbar-color: #232634; - --navbar-height: 60px; - --navbar-text-color: #ca9ee6; - --navbar-link-color: #8caaee; - --navbar-link-hover-color: #ca9ee6; - --navbar-font: "Roboto"; - --input-text-color: #c6d0f5; - --input-placeholder-color: #b5bfe2; - --input-background-color: #292c3c; - --input-border-color: #ca9ee6; - --input-border-size: 1.3px; - --navbar-logo-filter: none; - --dropdown-option-hover-color: #232634; - --tab-color: #414559; + --background-primary: #303446 !important; + --background-lighter: #232634 !important; + --navbar-color: #232634 !important; + --navbar-height: 60px !important; + --navbar-text-color: #ca9ee6 !important; + --navbar-link-color: #8caaee !important; + --navbar-link-hover-color: #ca9ee6 !important; + --navbar-font: "Roboto" !important; + --input-text-color: #c6d0f5 !important; + --input-placeholder-color: #b5bfe2 !important; + --input-background-color: #292c3c !important; + --input-border-color: #ca9ee6 !important; + --input-border-size: 1.3px !important; + --navbar-logo-filter: none !important; + --dropdown-option-hover-color: #232634 !important; + --tab-color: #414559 !important; } .font-inter { diff --git a/public/themes/catppuccinLatte.css b/public/themes/catppuccinLatte.css index c3917ea..58feefb 100644 --- a/public/themes/catppuccinLatte.css +++ b/public/themes/catppuccinLatte.css @@ -1,22 +1,22 @@ @import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap"); :root { - --background-primary: #eff1f5; - --background-lighter: #dce0e8; - --navbar-color: #dce0e8; - --navbar-height: 60px; - --navbar-text-color: #8839ef; - --navbar-link-color: #1e66f5; - --navbar-link-hover-color: #8839ef; - --navbar-font: "Roboto"; - --input-text-color: #4c4f69; - --input-placeholder-color: #5c5f77; - --input-background-color: #e6e9ef; - --input-border-color: #8839ef; - --input-border-size: 1.3px; - --navbar-logo-filter: none; - --dropdown-option-hover-color: #dce0e8; - --tab-color: #ccd0da; + --background-primary: #eff1f5 !important; + --background-lighter: #dce0e8 !important; + --navbar-color: #dce0e8 !important; + --navbar-height: 60px !important; + --navbar-text-color: #8839ef !important; + --navbar-link-color: #1e66f5 !important; + --navbar-link-hover-color: #8839ef !important; + --navbar-font: "Roboto" !important; + --input-text-color: #4c4f69 !important; + --input-placeholder-color: #5c5f77 !important; + --input-background-color: #e6e9ef !important; + --input-border-color: #8839ef !important; + --input-border-size: 1.3px !important; + --navbar-logo-filter: none !important; + --dropdown-option-hover-color: #dce0e8 !important; + --tab-color: #ccd0da; !important } .font-inter { diff --git a/public/themes/catppuccinMacchiato.css b/public/themes/catppuccinMacchiato.css index 5eb2cbb..27c2f8e 100644 --- a/public/themes/catppuccinMacchiato.css +++ b/public/themes/catppuccinMacchiato.css @@ -1,21 +1,21 @@ @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; + --background-primary: #24273a !important; + --background-lighter: #181926 !important; + --navbar-color: #181926 !important; + --navbar-height: 60px !important; + --navbar-text-color: #c6a0f6 !important; + --navbar-link-color: #8aadf4 !important; + --navbar-link-hover-color: #c6a0f6 !important; + --navbar-font: "Roboto" !important; + --input-text-color: #cad3f5 !important; + --input-placeholder-color: #b8c0e0 !important; + --input-background-color: #1e2030 !important; + --input-border-color: #c6a0f6 !important; + --input-border-size: 1.3px !important; + --navbar-logo-filter: none !important; + --dropdown-option-hover-color: #181926 !important; --tab-color: #363a4f; } diff --git a/public/themes/catppuccinMocha.css b/public/themes/catppuccinMocha.css index 3ad5387..1cb8a26 100644 --- a/public/themes/catppuccinMocha.css +++ b/public/themes/catppuccinMocha.css @@ -1,22 +1,22 @@ @import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap"); :root { - --background-primary: #1e1e2e; - --background-lighter: #11111b; - --navbar-color: #11111b; - --navbar-height: 60px; - --navbar-text-color: #cba6f7; - --navbar-link-color: #89b4fa; - --navbar-link-hover-color: #cba6f7; - --navbar-font: "Roboto"; - --input-text-color: #cdd6f4; - --input-placeholder-color: #bac2de; - --input-background-color: #181825; - --input-border-color: #cba6f7; - --input-border-size: 1.3px; - --navbar-logo-filter: none; - --dropdown-option-hover-color: #11111b; - --tab-color: #313244; + --background-primary: #1e1e2e !important; + --background-lighter: #11111b !important; + --navbar-color: #11111b !important; + --navbar-height: 60px !important; + --navbar-text-color: #cba6f7 !important; + --navbar-link-color: #89b4fa !important; + --navbar-link-hover-color: #cba6f7 !important; + --navbar-font: "Roboto" !important; + --input-text-color: #cdd6f4 !important; + --input-placeholder-color: #bac2de !important; + --input-background-color: #181825 !important; + --input-border-color: #cba6f7 !important; + --input-border-size: 1.3px !important; + --navbar-logo-filter: none !important; + --dropdown-option-hover-color: #11111b !important; + --tab-color: #313244 !important; } .font-inter { diff --git a/src/index.tsx b/src/index.tsx index bea3426..b6e6945 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -12,6 +12,7 @@ export default function App() {
+ }>