update styles

coinbase · Oct 16, 2024 · 9c79afa · 9c79afa
1 parent 305f4e3
commit 9c79afa
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 53 deletions.
diff --git a/src/app/global.css b/src/app/global.css
@@ -5,8 +5,8 @@
 
 :root {
   /* Palette */
-  --palette-bg-black: #fff;
-  --palette-bg-white: rgb(21, 26, 38);
+  /* --palette-bg-black: #fff;
+  --palette-bg-white: rgb(21, 26, 38); */
 
   /* Indicates that the element can be rendered using 
    * the operating system dark color scheme. 
@@ -36,8 +36,6 @@ html .font-inter {
 body {
   height: 100%;
   margin: 0;
-  background-color: var(--palette-bg-black);
-  color: var(--palette-bg-white);
   font-family: Inter, sans-serif;
   overflow-x: hidden;
   -webkit-text-size-adjust: 100%;
@@ -48,11 +46,6 @@ a {
   text-decoration: underline;
 }
 
-svg {
-  display: block;
-  overflow: visible;
-}
-
 ul {
   padding-inline-start: 0;
 }

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -3,7 +3,6 @@ import { NEXT_PUBLIC_URL } from '../config';
 
 import './global.css';
 import '@coinbase/onchainkit/styles.css';
-import '@rainbow-me/rainbowkit/styles.css';
 import dynamic from 'next/dynamic';
 
 const OnchainProviders = dynamic(

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -32,7 +32,7 @@ export default function Navbar() {
   }, []);
 
   return (
-    <header className="-mx-[50vw] fixed top-14 xs:top-12 right-1/2 left-1/2 h-11 w-screen border-gray-200 border-b bg-white">
+    <header className="-mx-[50vw] fixed top-14 xs:top-12 right-1/2 left-1/2 h-11 w-screen border-gray-200 border-b bg-[white]">
       <div className="mx-auto max-w-7xl px-4 py-3 sm:px-6 lg:px-8">
         <div className="flex items-center justify-between">
           <div className="flex items-center space-x-3">
@@ -55,7 +55,7 @@ export default function Navbar() {
         </div>
       </div>
       {isMenuOpen && (
-        <div className="bg-white md:hidden">
+        <div className="bg-[white] md:hidden">
           <ul className="space-y-2 px-4 py-2">
             <NavbarLink link={TEMPLATE_LINK} label="FORK THIS TEMPLATE" />
             <NavbarLink link={ONCHAINKIT_LINK} label="ONCHAINKIT" />

diff --git a/src/components/OnchainStoreCart.tsx b/src/components/OnchainStoreCart.tsx
@@ -43,7 +43,7 @@ export default function OnchainStoreCart() {
   }, [createCharge, quantities]);
 
   return (
-    <div className="-mx-[50vw] fixed right-1/2 bottom-0 left-1/2 w-screen border-gray-200 border-t bg-white">
+    <div className="-mx-[50vw] fixed right-1/2 bottom-0 left-1/2 w-screen border-gray-200 border-t bg-[white]">
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-0">
         <div className="flex flex-col items-start justify-between py-4 md:flex-row md:items-center">
           <span className="mb-2 text-gray-500 text-xs md:mb-0 md:w-1/3 lg:pl-8">

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -15,46 +15,8 @@ const config: Config = {
     },
     extend: {
       colors: {
-        background: 'hsl(var(--background))',
-        foreground: 'hsl(var(--foreground))',
-        card: {
-          DEFAULT: 'hsl(var(--card))',
-          foreground: 'hsl(var(--card-foreground))',
-        },
-        popover: {
-          DEFAULT: 'hsl(var(--popover))',
-          foreground: 'hsl(var(--popover-foreground))',
-        },
-        primary: {
-          DEFAULT: 'hsl(var(--primary))',
-          foreground: 'hsl(var(--primary-foreground))',
-        },
-        secondary: {
-          DEFAULT: 'hsl(var(--secondary))',
-          foreground: 'hsl(var(--secondary-foreground))',
-        },
-        muted: {
-          DEFAULT: 'hsl(var(--muted))',
-          foreground: 'hsl(var(--muted-foreground))',
-        },
-        accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          foreground: 'hsl(var(--accent-foreground))',
-        },
-        destructive: {
-          DEFAULT: 'hsl(var(--destructive))',
-          foreground: 'hsl(var(--destructive-foreground))',
-        },
-        border: 'hsl(var(--border))',
-        input: 'hsl(var(--input))',
-        ring: 'hsl(var(--ring))',
-        chart: {
-          '1': 'hsl(var(--chart-1))',
-          '2': 'hsl(var(--chart-2))',
-          '3': 'hsl(var(--chart-3))',
-          '4': 'hsl(var(--chart-4))',
-          '5': 'hsl(var(--chart-5))',
-        },
+        background: 'var(--background)',
+        foreground: 'var(--foreground)',
       },
       borderRadius: {
         lg: 'var(--radius)',