Fix light theme on homepage (#281)

emilkowalski · Dec 30, 2023 · 033c427 · 033c427 · vercel · Dec 30, 2023
1 parent afa1819
commit 033c427
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/website/src/components/Installation/installation.module.css b/website/src/components/Installation/installation.module.css
@@ -10,6 +10,7 @@
   border: 1px solid var(--gray3);
   display: flex;
   align-items: center;
+  color: var(--gray12);
 }
 
 .copy {

diff --git a/website/src/globals.css b/website/src/globals.css
@@ -1,4 +1,5 @@
-:root {
+:root,
+.light {
   --gray0: #fff;
   --gray1: hsl(0, 0%, 99%);
   --gray2: hsl(0, 0%, 97.3%);
@@ -48,6 +49,7 @@
 
 .wrapper {
   --side-padding: 16px;
+  background: var(--gray0);
   margin: 0;
   padding: 0;
   padding-top: 100px;
@@ -175,7 +177,6 @@ m .wrapper h2 {
 }
 
 .wrapper a {
-  color: inherit;
   text-decoration-color: var(--gray10);
   text-underline-position: from-font;
 }

diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -18,7 +18,7 @@ export default function Home() {
   const [closeButton, setCloseButton] = React.useState(false);
 
   return (
-    <div className="wrapper">
+    <div className="wrapper light">
       <Head />
       <Toaster theme="light" richColors={richColors} closeButton={closeButton} expand={expand} position={position} />
       <main className="container">