remove chakra defaults

Southclaws · Nov 29, 2023 · c2fce08 · c2fce08
1 parent 13bb19d
commit c2fce08
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 109 deletions.
diff --git a/web/src/app/providers.tsx b/web/src/app/providers.tsx
@@ -5,7 +5,6 @@ import { ChakraProvider } from "@chakra-ui/react";
 import { PropsWithChildren } from "react";
 
 import { AuthProvider } from "src/auth/AuthProvider";
-import { extended } from "src/theme";
 
 // Force chakra to always be light mode - because we're removing it eventually.
 type ColourMode = "light" | "dark";
@@ -24,7 +23,26 @@ export function Providers({ children }: PropsWithChildren) {
   return (
     <CacheProvider>
       <ChakraProvider
-        theme={extended}
+        theme={{
+          // Remove the Chakra defaults - we don't need them with Panda.
+          // https://chakra-ui.com/docs/styled-system/global-styles#default-styles
+          global: {
+            body: {
+              fontFamily: "unset",
+              color: "unset",
+              bg: "unset",
+              lineHeight: "unset",
+            },
+
+            "*::placeholder": {
+              color: "unset",
+            },
+            "*, *::before, &::after": {
+              borderColor: "unset",
+              wordWrap: "unset",
+            },
+          },
+        }}
         // We're not using Chakra's reset, instead we're using Panda CSS.
         resetCSS={false}
         colorModeManager={noopColourModeManager}

diff --git a/web/src/theme/index.ts b/web/src/theme/index.ts