fix: fixes black text on some screens, background not repeating and b…

…uild cards being links (#10)

* fix: makes the build card no longer a link to nowhere

* fix: makes dark mode the only allowed mode

* fix: makes background repeat

components/background.tsx

@@ -2,7 +2,7 @@ import LayoutChildren from '../types/layoutChildren';
 
 const Background = ({children}: LayoutChildren) => {
     return (
-        <div className={'bg-scroll bg-layer1 h-screen'}>
+        <div className={'bg-scroll bg-layer1'}>
             {children}
         </div>
     )

components/changelog/buildComponent.tsx

@@ -38,7 +38,7 @@ const BuildComponent = (props: Build) => {
 
     return (
         <div className={'max-w-xl min-w-sm'}>
-            <Card href={'#'}>
+            <Card>
                 <div className={'mb-4 flex justify-between'}>
                     <h5 className="text-xl font-bold leading-none text-white">
                         Build: {version_number}

pages/index.tsx

@@ -7,6 +7,7 @@ const Index: NextPage = () => {
     return (
         <>
             <Section>
+                <div className={"h-screen"}>
                     <br></br>
                     <br></br>
                     <br></br>
@@ -15,6 +16,7 @@ const Index: NextPage = () => {
                         secondaryText={'Free and open-source remake of the cult classic Space Station 13, made in Unity Engine.'}
                         lastText={'Our website is currently in the middle of a make-over. Expect a lot of cool things soon!'}/>
                     <LandingButtons/>
+                </div>
             </Section>
         </>
     )

styles/globals.css

@@ -15,14 +15,12 @@ a {
     box-sizing: border-box;
 }
 
-@media (prefers-color-scheme: dark) {
-    html {
-        color-scheme: dark;
-    }
-    body {
-        color: white;
-        background: black;
-    }
+html {
+    color-scheme: dark;
+}
+body {
+    color: white;
+    background: black;
 }
 
 @tailwind base;