Updated website / docs theme (#267)

* updated assets * updated landing hero * updated theme * Add figma file to readme
FormidableLabs · Oct 13, 2024 · b6eadf6 · b6eadf6
1 parent d4c5fd5
commit b6eadf6
Show file tree

Hide file tree

Showing 12 changed files with 6 additions and 4 deletions.
diff --git a/website/README.md b/website/README.md
@@ -2,6 +2,8 @@
 
 This website is built using [Docusaurus 3](https://docusaurus.io/), a modern static website generator.
 
+The figma file for the website can be found [here](https://www.figma.com/design/uLiMeE995DH541t5AxqThS)
+
 ### Installation
 
 ```

diff --git a/website/src/components/landing/landing-hero.tsx b/website/src/components/landing/landing-hero.tsx
@@ -24,13 +24,13 @@ export const LandingHero = ({
         <div className="flex-col md:flex-row flex justify-between gap-16 lg:gap-24 mx-auto">
           <div className="self-center md:self-left">
             <ProjectBadge
-              color="#FFC951"
+              color="#CD9AF5"
               description={'react native ama'}
               abbreviation={'Ra'}
               className="h-[320px] w-[320px]"
             />
           </div>
-          <div className="text-left lg:w-6/12 text-white">
+          <div className="text-left lg:w-6/12 text-black">
             <h1 className="text-4xl font-bold tracking-tight sm:text-6xl">
               {heading}
             </h1>
@@ -54,7 +54,7 @@ export const LandingHero = ({
               <ul className="list-none flex justify-items-start content-start items-start align-left pl-0 gap-6 lg:gap-12 font-bold">
                 {navItems.map(({ link, title }) => (
                   <li key={link}>
-                    <a href={link} className="text-white hover:text-white">
+                    <a href={link} className="text-black hover:text-white">
                       {title}
                     </a>
                   </li>

diff --git a/website/static/img/background-banner-x1.png b/website/static/img/background-banner-x1.png
diff --git a/website/static/img/background-banner.png b/website/static/img/background-banner.png
diff --git a/website/static/img/feature-1.png b/website/static/img/feature-1.png
diff --git a/website/static/img/feature-2.png b/website/static/img/feature-2.png
diff --git a/website/static/img/feature-3.png b/website/static/img/feature-3.png
diff --git a/website/static/themed-archive/background-banner.png b/website/static/themed-archive/background-banner.png
diff --git a/website/static/themed-archive/feature-1.png b/website/static/themed-archive/feature-1.png
diff --git a/website/static/themed-archive/feature-2.png b/website/static/themed-archive/feature-2.png
diff --git a/website/static/themed-archive/feature-3.png b/website/static/themed-archive/feature-3.png
diff --git a/website/tailwind.config.ts b/website/tailwind.config.ts
@@ -38,7 +38,7 @@ module.exports = {
         },
         'theme-1': NearFormColors.Green,
         'theme-2': NearFormColors.DeepNavy,
-        'theme-3': NearFormColors.DeepNavy,
+        'theme-3': NearFormColors.LightNavy,
         'theme-4': NearFormColors.White,
         'header-bg': NearFormColors.White,
         'header-fg': NearFormColors.DeepNavy,