From cd567416ad01eeeae7d1bc6f640057764a83ec2c Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sat, 7 Jun 2025 23:58:39 -0600
Subject: [PATCH] update some visuals

---
 src/components/layout/BrandPill.tsx         | 4 ++--
 src/components/layout/Navigation.tsx        | 6 +++---
 src/pages/parts/settings/AppearancePart.tsx | 2 +-
 src/stores/theme/index.tsx                  | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/layout/BrandPill.tsx b/src/components/layout/BrandPill.tsx
index ac380b38..f4f371e3 100644
--- a/src/components/layout/BrandPill.tsx
+++ b/src/components/layout/BrandPill.tsx
@@ -15,10 +15,10 @@ export function BrandPill(props: {
   return (
     <div
       className={classNames(
-        "flex items-center space-x-2 rounded-full px-4 py-2 text-type-logo",
+        "flex items-center space-x-2 rounded-full px-4 py-2 text-type-logo backdrop-blur-lg",
         props.backgroundClass ?? "bg-pill-background bg-opacity-50",
         props.clickable
-          ? "transition-[transform,background-color] hover:scale-105 hover:bg-pill-backgroundHover backdrop-blur-lg hover:text-type-logo active:scale-95"
+          ? "transition-[transform,background-color] hover:scale-105 hover:bg-pill-backgroundHover hover:text-type-logo active:scale-95"
           : "",
       )}
     >
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index c09b23de..8920eff2 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -140,7 +140,7 @@ export function Navigation(props: NavigationProps) {
                 href={conf().DISCORD_LINK}
                 target="_blank"
                 rel="noreferrer"
-                className="text-xl text-white tabbable rounded-full"
+                className="text-xl text-white tabbable rounded-full backdrop-blur-lg"
               >
                 <IconPatch
                   icon={Icons.DISCORD}
@@ -153,7 +153,7 @@ export function Navigation(props: NavigationProps) {
                 <a
                   onClick={() => handleClick("/discover")}
                   rel="noreferrer"
-                  className="text-xl text-white tabbable rounded-full"
+                  className="text-xl text-white tabbable rounded-full backdrop-blur-lg"
                 >
                   <IconPatch
                     icon={Icons.RISING_STAR}
@@ -166,7 +166,7 @@ export function Navigation(props: NavigationProps) {
                 <a
                   onClick={() => handleClick("/")}
                   rel="noreferrer"
-                  className="text-lg text-white tabbable rounded-full"
+                  className="text-lg text-white tabbable rounded-full backdrop-blur-lg"
                 >
                   <IconPatch
                     icon={Icons.SEARCH}
diff --git a/src/pages/parts/settings/AppearancePart.tsx b/src/pages/parts/settings/AppearancePart.tsx
index 00dcbe02..62564d43 100644
--- a/src/pages/parts/settings/AppearancePart.tsx
+++ b/src/pages/parts/settings/AppearancePart.tsx
@@ -396,7 +396,7 @@ export function AppearancePart(props: {
           <div
             ref={carouselRef}
             className={classNames(
-              "grid grid-cols-2 gap-4 max-w-[600px] max-h-[36rem] overflow-y-auto",
+              "grid grid-cols-2 gap-4 max-w-[600px] max-h-[36rem] md:max-h-[64rem] overflow-y-auto",
               "vertical-carousel-container",
               {
                 "hide-top-gradient": isAtTop,
diff --git a/src/stores/theme/index.tsx b/src/stores/theme/index.tsx
index 898f6f82..0da7a68c 100644
--- a/src/stores/theme/index.tsx
+++ b/src/stores/theme/index.tsx
@@ -11,11 +11,11 @@ export interface ThemeStore {
 
 const currentDate = new Date();
 const is420 = currentDate.getMonth() + 1 === 4 && currentDate.getDate() === 20;
-// Make default theme teal if its 4/20 (bc the marijauna plant is green :3)
+// Make default theme green if its 4/20 (bc the marijauna plant is green :3)
 export const useThemeStore = create(
   persist(
     immer<ThemeStore>((set) => ({
-      theme: is420 ? "teal" : null,
+      theme: is420 ? "green" : null,
       setTheme(v) {
         set((s) => {
           s.theme = v;