Merge pull request #40 from EtherealEngine/new-light-mode-colors

New: Light mode configurations

Author: armando-salazar

astro.config.mjs

@@ -11,7 +11,7 @@ export default defineConfig({
       description: 'Create realistic immersive experiences directly on the web.',
       logo: {
         dark: '/src/assets/site-logo-white.png',
-        light: '/src/assets/site-logo-white.png',
+        light: '/src/assets/site-logo-black.png',
         replacesTitle: true,
       },
       favicon: '/favicon-32x32.png',

src/assets/houston.webp

@@ -31,39 +31,6 @@ body.index-background {
   background-attachment: fixed;
 }
 
-/* Base styles for the navigation */
-nav ul {
-  list-style: none;
-  padding: 0;
-}
-
-/* Top-level directory labels (1st level nested groups) */
-nav ul > li > details > summary .group-label .large {
-  /* Targets the top-level directory labels only */
-  font-size: 1em;
-}
-
-/* Second-level directory labels (2nd level nested groups) */
-nav ul li ul li details summary .group-label .large {
-  /* Targets nested directory labels */
-  font-size: 0.9em;
-  font-weight: normal;
-}
-
-/* Style the text within the anchor tags (documents) */
-nav ul li a {
-  font-size: 0.9em;
-}
-
-/* Custom styles for index page background */
-body.index-background {
-  background-image: url('/src/assets/irlogo_background_studio.png');
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-attachment: fixed;
-}
-
 /* Styles for images inside Markdown content */
 .sl-markdown-content img,
 .sl-markdown-content picture img,
@@ -75,3 +42,17 @@ body.index-background {
   margin: 1rem 0;
   display: block;
 }
+
+/* Light mode overrides for index.mdx */
+:root[data-theme="light"] {
+  /* Target specific elements by class */
+  .astro-jbfsktt5, 
+  .astro-yjy4zhro {
+    color: #ffffff; /* Set text color to white */
+  }
+
+  /* Target anchor text within the action button */
+  .astro-yjy4zhro a { 
+    color: #ffffff; /* Ensure link text is also white */
+  }
+}