feat: use full dark theme

src/Bootstrap.tsx

@@ -48,7 +48,7 @@ function Bootstrap({
   }, [hasLoadedSettings, persistedStorage, settings, userId])
 
   return (
-    <Box className="Chitchatter">
+    <Box className="Chitchatter" sx={{ height: '100vh' }}>
       {hasLoadedSettings ? (
         <Routes>
           {['/', '/index.html'].map(path => (

src/index.sass

@@ -1,18 +1,3 @@
 @tailwind base
 @tailwind components
 @tailwind utilities
-
-@import ./styles/colors.sass
-
-body
-  margin: 0
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif
-  -webkit-font-smoothing: antialiased
-  -moz-osx-font-smoothing: grayscale
-
-code
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace
-
-.Chitchatter
-  background: $background
-  height: 100vh

src/styles/colors.sass

@@ -1,5 +0,0 @@
-$background: #282C34
-$chrome-primary: #476BB5
-$chrome-secondary: #293E69
-$text-primary: #A3BBEC
-$text-secondary: #5A8AE8