dark mode

nonrational · Nov 21, 2024 · 80ed7cf · 80ed7cf
1 parent 18e80cd
commit 80ed7cf
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/routes/_app.tsx b/routes/_app.tsx
@@ -29,7 +29,7 @@ export default function App({ Component }: PageProps) {
           rel='stylesheet'
         />
       </head>
-      <body class='inter-regular'>
+      <body class='inter-regular dark:bg-zinc-800 dark:text-zinc-200'>
         <Component />
       </body>
       <footer class='merienda-attrib flex flex-row gap-16 justify-center text-sm'>

diff --git a/static/styles.css b/static/styles.css
@@ -4,8 +4,6 @@
 
 footer {
   font-size: 1rem;
-  background-color: #333;
-  color: #fff;
   text-align: center;
   padding: 1rem;
   position: fixed;

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -1,6 +1,7 @@
 import { type Config } from 'tailwindcss'
 
 export default {
+  darkMode: 'media',
   content: [
     '{routes,islands,components}/**/*.{ts,tsx,js,jsx}',
   ],