Updates to remove some starlight references and fresh coat of paint

Author: gingerchew

astro.config.mjs

@@ -14,6 +14,7 @@ export default defineConfig({
           href: "https://github.com/FujoWebDev/community-at",
         },
       ],
+      customCss: ['./src/index.css'],
       sidebar: [
         {
           label: "Sociocracy",

src/assets/community-at-hero.webp

@@ -1,17 +1,17 @@
 ---
-title: Welcome to Starlight
-description: Get started building your docs site with Starlight.
+title: Community@ FujoCoded
+description: Get all the resources you need for working on FujoCoded projects 
 template: splash
 hero:
-  tagline: Congrats on setting up a new Starlight project!
+  tagline: All the resources are belong to here!
   image:
-    file: ../../assets/houston.webp
+    file: ../../assets/community-at-hero.webp
   actions:
     - text: Example Guide
       link: /fujowebdev/
       icon: right-arrow
-    - text: Read the Starlight docs
-      link: https://starlight.astro.build
+    - text: Visit FujoCoded
+      link: https://fujocoded.com/
       icon: external
       variant: minimal
 ---

src/content/docs/index.mdx

@@ -0,0 +1,38 @@
+/* Dark mode colors. */
+:root {
+	--sl-color-accent-low: #241f39;
+	--sl-color-accent: #6b56b6;
+	--sl-color-accent-high: #c8c4e6;
+	--sl-color-white: #ffffff;
+	--sl-color-gray-1: #f0eaff;
+	--sl-color-gray-2: #c5bbe0;
+	--sl-color-gray-3: #937dc3;
+	--sl-color-gray-4: #5f4a8a;
+	--sl-color-gray-5: #402966;
+	--sl-color-gray-6: #2e1652;
+	--sl-color-black: #1b122d;
+}
+/* Light mode colors. */
+:root[data-theme='light'] {
+	--sl-color-accent-low: #d6d3ee;
+	--sl-color-accent: #6d58b8;
+	--sl-color-accent-high: #332b54;
+	--sl-color-white: #1b122d;
+	--sl-color-gray-1: #2e1652;
+	--sl-color-gray-2: #402966;
+	--sl-color-gray-3: #5f4a8a;
+	--sl-color-gray-4: #937dc3;
+	--sl-color-gray-5: #c5bbe0;
+	--sl-color-gray-6: #f0eaff;
+	--sl-color-gray-7: #f7f4ff;
+	--sl-color-black: #ffffff;
+}
+@media (min-width: 50rem) {
+    .hero {
+        grid-template-columns: 1fr 1fr;
+        img {
+            width: 100%;
+            height: auto;
+        }
+    }
+}