updated theme to dark with coloaur matching to main site

Author: balotofi

_config.yml

@@ -84,7 +84,7 @@ color_schemes:
   - light
   - dark
 
-color_scheme: light
+color_scheme: dark
 
 # # Define Jekyll collections
 # collections:

_includes/footer_custom.html

@@ -1,12 +1,13 @@
-<footer class="site-footer" style="background-color: #f8f9fb; color: #333; font-size: 14px; padding: 2rem 1rem;">
+  <!-- Footer Starts light-bg: #f8f9fb -->
+<footer class="site-footer" style="background-color: #27262b; color: #e6e1e7; font-size: 14px; padding: 2rem 1rem;">
   <div style="max-width: 100%; margin: 0 auto;">
     <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(23%, 1fr)); gap: 2rem;">
 
-      <!-- Column 1: Copyright -->
+      <!-- Column 1: Copyright light-color: #333-->
       <div>
         <p style="margin-bottom: 0.5rem;">
           &copy; 2015–2025 <br/>
-          <a href="https://kyutech-laseine.net/english/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">
+          <a href="https://kyutech-laseine.net/english/" target="_blank" rel="noopener noreferrer" style="color: #e6e1e7; text-decoration: none;">
             Laboratory of Lean Satellite Enterprises and In-Orbit Experiment (LaSEINE), Kyutech
           </a>
         </p>
@@ -16,12 +17,12 @@
       <div>
         <p style="margin-bottom: 0.3rem; font-weight: bold;">Contribute to Docs</p>
         <p style="margin: 0.4rem 0;">
-          🛠️ <a href="https://birdsopensource.github.io/contribute" target="_blank" style="color: #333; text-decoration: none;">
+          🛠️ <a href="https://birdsopensource.github.io/contribute" target="_blank" style="color: #e6e1e7; text-decoration: none;">
             Learn how to get involved
           </a>
         </p>
         <p style="margin: 0.4rem 0;">
-          💬 <a href="https://github.com/orgs/BIRDSOpenSource/discussions/categories/general" target="_blank" style="color: #333; text-decoration: none;">
+          💬 <a href="https://github.com/orgs/BIRDSOpenSource/discussions/categories/general" target="_blank" style="color: #e6e1e7; text-decoration: none;">
             Submit feedback
           </a>
         </p>
@@ -36,23 +37,23 @@
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: #229ED9;">
             <path d="M120 0C53.73 0 0 53.73 0 120s53.73 120 120 120 120-53.73 120-120S186.27 0 120 0zm56.07 82.72l-18.73 88.27c-1.42 6.3-5.2 7.84-10.53 4.88l-29.12-21.46-14.04 13.52c-1.55 1.54-2.85 2.85-5.83 2.85l2.08-29.5 53.64-48.45c2.33-2.05-.51-3.2-3.6-1.15l-66.3 41.73-28.54-8.92c-6.2-1.94-6.3-6.2 1.29-9.17l111.65-43.06c5.2-1.93 9.74 1.28 8.07 9.46z"/>
           </svg>
-          <a href="{{ site.telegram }}" target="_blank" style="color: #333; text-decoration: none;">Chat on Telegram</a>
+          <a href="{{ site.telegram }}" target="_blank" style="color: #e6e1e7; text-decoration: none;">Chat on Telegram</a>
         </p>
 
         <!-- YouTube -->
         <p style="margin: 0.4rem 0;">
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: red;">
             <path d="M23.498 6.186a2.897 2.897 0 0 0-2.038-2.049C19.663 3.5 12 3.5 12 3.5s-7.662 0-9.46.637a2.897 2.897 0 0 0-2.038 2.049C.5 8.02.5 12 .5 12s0 3.98.637 5.814a2.897 2.897 0 0 0 2.038 2.049C4.338 20.5 12 20.5 12 20.5s7.663 0 9.46-.637a2.897 2.897 0 0 0 2.038-2.049C23.5 15.98 23.5 12 23.5 12s0-3.98-.002-5.814zM9.75 15.568V8.432L15.818 12 9.75 15.568z"/>
           </svg>
-          <a href="{{ site.youtube }}" target="_blank" style="color: #333; text-decoration: none;">Watch on YouTube</a>
+          <a href="{{ site.youtube }}" target="_blank" style="color: #e6e1e7; text-decoration: none;">Watch on YouTube</a>
         </p>
 
         <!-- Webinars -->
         <p style="margin: 0.4rem 0;">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: #333;">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: #e6e1e7;">
             <path d="M21 4H3C1.9 4 1 4.9 1 6v9c0 1.1.9 2 2 2h4v2H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2h-2v-2h4c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM3 15V6h18v9H3Zm10 2v2h-2v-2h2Zm-6-6h2v2H7v-2Zm3 0h2v2h-2v-2Zm3 0h2v2h-2v-2Z"/>
           </svg>
-          <a href="{{ site.mailing_list }}" target="_blank" style="color: #333; text-decoration: none;">Join monthly webinars</a>
+          <a href="{{ site.mailing_list }}" target="_blank" style="color: #e6e1e7; text-decoration: none;">Join monthly webinars</a>
         </p>
       </div>
     </div>
@@ -64,7 +65,7 @@
         <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
           <input type="email" id="email" name="email" placeholder="you@example.com" required
                  style="padding: 8px; flex: 1; min-width: 200px; border: 1px solid #ccc; border-radius: 4px;">
-          <button type="submit" style="padding: 8px 16px; background-color: #333; color: white; border: none; border-radius: 4px; cursor: pointer;">
+          <button type="submit" style="padding: 8px 16px; background-color: #005596; color: #e6e1e7; border: none; border-radius: 4px; cursor: pointer;">
             Subscribe
           </button>
         </div>

_site/index.html

@@ -8,7 +8,7 @@ lang: en
 ---
 
 ### **{{site.tagline}}**
-{: .lh-0 .text-purple-200}
+{: .lh-0 .text-blue-000}
 
 # Everything you need to build a satellite 
 
@@ -25,7 +25,7 @@ Explore the BIRDS bus and start building:
 <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between;">
 
   <!-- Getting Started -->
-  <div style="flex: 1 1 calc(50% - 10px); margin: 5px 0; padding: 10px; background-color: #f4f6fa; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
+  <div style="flex: 1 1 calc(50% - 10px); margin: 5px 0; padding: 10px; background-color: #005596; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
     <div style="display: flex; align-items: center; gap: 10px;">
     <img src="https://www.svgrepo.com/show/9108/running-stick-figure.svg" width="40" height="40">
     <h3 style="margin: 0;">Getting Started</h3>
@@ -36,8 +36,8 @@ Explore the BIRDS bus and start building:
     </a>
   </div>
 
-  <!-- Hardware Guide -->
-  <div style="flex: 1 1 calc(50% - 10px); margin: 5px 0; padding: 10px; background-color: #f4f6fa; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
+  <!-- Hardware Guide light-bg: #f4f6fa -->
+  <div style="flex: 1 1 calc(50% - 10px); margin: 5px 0; padding: 10px; background-color: #005596; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
     <div style="display: flex; align-items: center; gap: 10px;">
       <img src="https://www.svgrepo.com/show/326665/hardware-chip-outline.svg" width="40" height="40">
       <h3 style="margin: 0;">Hardware Guide</h3>
@@ -48,8 +48,8 @@ Explore the BIRDS bus and start building:
     </a>
   </div>
 
-  <!-- Software Guide -->
- <div style="flex: 1 1 calc(50% - 10px); margin: 5px 0; padding: 10px; background-color: #f4f6fa; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
+  <!-- Software Guide light-bg: #f4f6fa -->
+ <div style="flex: 1 1 calc(50% - 10px); margin: 5px 0; padding: 10px; background-color: #005596; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
     <div style="display: flex; align-items: center; gap: 10px;">
       <img src="https://www.svgrepo.com/show/525688/book-bookmark-minimalistic.svg" width="40" height="40">
       <h3 style="margin: 0;">Software Guide</h3>
@@ -60,8 +60,8 @@ Explore the BIRDS bus and start building:
     </a>
   </div>
 
-  <!-- Contributor Guide -->
-  <div style="flex: 1 1 calc(50% - 10px); margin: 5px 0; padding: 10px; background-color: #f4f6fa; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
+  <!-- Contributor Guide light-bg: #f4f6fa -->
+  <div style="flex: 1 1 calc(50% - 10px); margin: 5px 0; padding: 10px; background-color: #005596; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
     <div style="display: flex; align-items: center; gap: 10px;">
       <img src="https://www.svgrepo.com/show/525586/user-plus.svg" width="40" height="40">
       <h3 style="margin: 0;">Contributor's Guide</h3>
@@ -72,8 +72,8 @@ Explore the BIRDS bus and start building:
     </a>
   </div>
 
-  <!-- Project Details -->
-  <div style="flex: 1 1 100%; margin: 5px 0; padding: 10px; background-color: #f4f6fa; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
+  <!-- Project Details light-bg: #f4f6fa -->
+  <div style="flex: 1 1 100%; margin: 5px 0; padding: 10px; background-color: #005596; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);">
     <div style="display: flex; align-items: center; gap: 10px;">
       <img src="https://www.svgrepo.com/show/486630/details.svg" width="40" height="40">
       <h3 style="margin: 0;">Project Details</h3>