fix: iron out a few styling kinks (#5)

port css classes and tailwind config over from w3ui's console example

src/app/globals.css

@@ -2,26 +2,10 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
+.w3ui-button {
+  @apply text-white bg-slate-800 hover:bg-blue-800 rounded-md py-2 px-8 text-sm font-medium transition-colors ease-in;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
+.authenticator {
+  @apply bg-gray-900 bg-logo bg-center bg-no-repeat w-full h-screen flex flex-col justify-center items-center;
+}

src/app/layout.tsx

@@ -3,8 +3,8 @@ import './globals.css'
 import type { Metadata } from 'next'
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: 'w3up console',
+  description: 'web3.storage file uploader',
 }
 
 export default function RootLayout ({

tailwind.config.ts

@@ -9,11 +9,12 @@ const config: Config = {
   theme: {
     extend: {
       backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic':
-          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+        'logo': 'url("/w3.svg")'
       },
-    },
+      colors: {
+        'gray-dark': '#1d2027'
+      }
+    }
   },
   plugins: [],
 }