swap bg-black to bg-neutral-950

buildel · Feb 29, 2024 · 7d137b2 · 7d137b2
1 parent 2c071b8
commit 7d137b2
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 16 deletions.
diff --git a/app/components/interfaces/ChatInput.tsx b/app/components/interfaces/ChatInput.tsx
@@ -56,7 +56,7 @@ export function ChatInput({ onSubmit, generating, disabled }: ChatInputProps) {
         onChange={updateValue}
         ref={inputRef}
       />
-      <button className="px-4 py-2 rounded-lg bg-black text-white">Send</button>
+      <button className="px-4 py-2 rounded-lg bg-neutral-900 text-white">Send</button>
     </form>
   );
 }
diff --git a/app/components/interfaces/ChatMessages.tsx b/app/components/interfaces/ChatMessages.tsx
@@ -45,7 +45,7 @@ function ChatMessage({ role, children }: PropsWithChildren<ChatMessageProps>) {
         "max-w-[80%] lg:max-w-[60%] min-h-[30px] rounded-t-xl px-3 py-2 prose",
         {
           "bg-neutral-100 text-neutral-950 rounded-br-xl": role === "ai",
-          "bg-black text-white rounded-bl-xl ml-auto mr-0": role === "user",
+          "bg-neutral-950 text-white rounded-bl-xl ml-auto mr-0": role === "user",
         }
       )}
     >

diff --git a/app/components/layout/Header.tsx b/app/components/layout/Header.tsx
@@ -52,7 +52,7 @@ export const Header = () => {
               <NavLink
                 to={route.path}
                 key={route.path}
-                className="ml-4 text-black/50 hover:text-black transition"
+                className="ml-4 text-neutral-950/50 hover:text-neutral-950 transition"
               >
                 {route.name}
               </NavLink>
@@ -67,7 +67,7 @@ export const Header = () => {
             rel="noreferrer"
             className="h-8 w-8 flex justify-center items-center"
           >
-            <GithubLogo className="text-2xl text-black/50 hover:text-black" />
+            <GithubLogo className="text-2xl text-neutral-950/50 hover:text-neutral-950" />
           </a>
 
           <a
@@ -76,7 +76,7 @@ export const Header = () => {
             rel="noreferrer"
             className="h-8 w-8 flex justify-center items-center"
           >
-            <DiscordLogo className="text-2xl text-black/50 hover:text-black" />
+            <DiscordLogo className="text-2xl text-neutral-950/50 hover:text-neutral-950" />
           </a>
 
           <MobileMenu />

diff --git a/app/components/sections/hero/Hero.tsx b/app/components/sections/hero/Hero.tsx
@@ -15,7 +15,7 @@ export const Hero = () => {
   return (
     <section className="bg-white max-h-[800px] h-[75vh] w-full relative" id="hero">
       <div className="w-full flex items-center h-3/4 layout pt-24">
-        <div className="text-black relative z-10 flex flex-col w-full lg:w-1/2">
+        <div className="relative z-10 flex flex-col w-full lg:w-1/2">
           <h1 className="h1-mobile lg:h1-desktop text-neutral-950">
             AI Automation
             <br /> for{" "}

diff --git a/app/components/shared/Button.tsx b/app/components/shared/Button.tsx
@@ -24,12 +24,12 @@ export const Button = ({
         rel="noreferrer"
         className={twMerge(
           clsx(
-            `font-primaryBold px-6 py-3 rounded-lg bg-black text-white ${className}`,
+            `font-primaryBold px-6 py-3 rounded-lg bg-neutral-950 text-white ${className}`,
             {
-              "bg-white text-black": mode === "light",
-              "bg-transparent border border-black text-black hover:bg-black hover:text-white transition-colors hover:-translate-y-1":
+              "bg-white text-neutral-950": mode === "light",
+              "bg-transparent border border-neutral-950 text-neutral-950 hover:bg-neutral-950 hover:text-white transition-colors hover:-translate-y-1":
                 mode === "dark" && variant === "secondary",
-              "bg-black text-white transition-all hover:-translate-y-1 hover:drop-shadow-2xl":
+              "bg-neutral-950 text-white transition-all hover:-translate-y-1 hover:drop-shadow-2xl":
                 mode === "dark" && variant === "primary",
             }
           )
@@ -44,12 +44,12 @@ export const Button = ({
     <button
       className={twMerge(
         clsx(
-          `font-primaryBold px-6 py-3 rounded-lg bg-black text-white ${className}`,
+          `font-primaryBold px-6 py-3 rounded-lg bg-neutral-950 text-white ${className}`,
           {
-            "bg-white text-black": mode === "light",
-            "bg-transparent border border-black text-black hover:bg-black hover:text-white transition-colors hover:-translate-y-1":
+            "bg-white text-neutral-950": mode === "light",
+            "bg-transparent border border-neutral-950 text-neutral-950 hover:bg-neutral-950 hover:text-white transition-colors hover:-translate-y-1":
               mode === "dark" && variant === "secondary",
-            "bg-black text-white transition-all hover:-translate-y-1 hover:drop-shadow-2xl":
+            "bg-neutral-950 text-white transition-all hover:-translate-y-1 hover:drop-shadow-2xl":
               mode === "dark" && variant === "primary",
           }
         )

diff --git a/app/components/shared/MobileMenu.tsx b/app/components/shared/MobileMenu.tsx
@@ -3,7 +3,7 @@ import { BurgerMenu } from "~/icons/BurgerMenu";
 export const MobileMenu = () => {
   return (
     <>
-      <button className="md:hidden px-3 py-2 rounded-full bg-black flex items-center gap-x-2">
+      <button className="md:hidden px-3 py-2 rounded-full bg-neutral-900 flex items-center gap-x-2">
         <BurgerMenu className="text-white" /> Menu
       </button>
     </>

diff --git a/app/components/shared/Tab.tsx b/app/components/shared/Tab.tsx
@@ -18,7 +18,7 @@ export const Tab = ({
     <button
       onClick={onClick}
       className={clsx(
-        "flex items-center justify-center gap-x-2 rounded-full py-1.5 px-3 text-black text-md",
+        "flex items-center justify-center gap-x-2 rounded-full py-1.5 px-3 text-neutral-950 text-md",
         className,
         {
           "bg-white": active,