fix: docs (coinbase#297)

dlkakbs · Apr 19, 2024 · f259abf · f259abf
1 parent 64e8c31
commit f259abf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 19 deletions.
diff --git a/site/docs/pages/index.mdx b/site/docs/pages/index.mdx
@@ -7,16 +7,16 @@ layout: landing
 showOutline: false
 ---
 
-<div className="max-w-[1120px] mx-auto vp-doc relative px-[24px] mb-[96px] mt-[32px] md:px-0 md:mb-[64px]">
+<div className="max-w-[1120px] mx-auto vp-doc relative px-[24px] mb-[26px] mt-0 md:px-0 md:mb-[64px]">
   <div className="mx-auto max-w-xl">
     <div className="md:text-center flex flex-col gap-8 pt-48 pb-16">
-      <h1 className="text-center text-8xl font-medium no-underline">OnchainKit</h1>
+      <h1 className="text-center text-8xl font-medium no-underline dark:text-white">OnchainKit</h1>
       <div className="text-center text-3xl leading-none">
-        <p className="leading-none">React components and TypeScript utilities to help you build top-tier onchain apps.</p>
+        <p className="leading-none">React <span className="text-black dark:text-white">components</span> and TypeScript <span className="text-black dark:text-white">utilities</span> for top-tier onchain apps.</p>
       </div>
     </div>
     <div className="flex space-between items-center gap-6 w-full">
-    <div id="home-install" className="h-full grow">
+      <div id="home-install" className="h-full grow">
 :::code-group
 
 ```bash [npm]
@@ -35,13 +35,16 @@ pnpm add @coinbase/onchainkit viem@2.x
 
 </div>
 <a href="/getting-started" className="justify-self-end">
-<button className="font-medium bg-gray-200 dark:bg-white dark:text-black px-6 py-3 rounded-full">View Docs</button>
+<button className="font-medium bg-gray-200 dark:bg-white dark:text-black px-6 py-3 rounded-full">
+View Docs
+</button>
 </a>
-  </div>
+</div>
+
   </div>
 </div>
 
-<hr className="md:my-56" />
+<hr className="md:my-32" />
 
 <article className="vocs_Content max-w-3xl mt-[-80px] mx-auto">
 

diff --git a/site/docs/styles.css b/site/docs/styles.css
@@ -4,10 +4,6 @@
 @tailwind components;
 @tailwind utilities;
 
-body * {
-  @apply transition-colors duration-1000;
-}
-
 #home-install .vocs_CodeGroup {
   display: flex;
   height: 100%;

diff --git a/site/vocs.config.tsx b/site/vocs.config.tsx
@@ -77,14 +77,6 @@ export default defineConfig({
       light: '#FF5D2F',
       dark: '#FF5D2F',
     },
-    variables: {
-      color: {
-        text: {
-          light: '#373A3E',
-          dark: '#FFFFFF',
-        },
-      },
-    },
   },
   topNav: [
     { text: 'Docs', link: '/getting-started', match: '/docs' },