Lightmode Color Adjustments

docs/contributions/Contribution.md

@@ -27,6 +27,7 @@ title: Contribution
 
 
 ## Other Contributors
+<span style="display: inline-block; background-color: #121212; color: #e8e8e8; padding: 2px 10px; margin: 2px 4px 6px 0; border-radius: 9999px; font-size: 0.7rem; border: 1px solid #2d2d2d; white-space: nowrap;">Adriana - FRC 6201AM</span>
 <span style="display: inline-block; background-color: #121212; color: #e8e8e8; padding: 2px 10px; margin: 2px 4px 6px 0; border-radius: 9999px; font-size: 0.7rem; border: 1px solid #2d2d2d; white-space: nowrap;">Alex - FRC 6238A / CSA</span>
 <span style="display: inline-block; background-color: #121212; color: #e8e8e8; padding: 2px 10px; margin: 2px 4px 6px 0; border-radius: 9999px; font-size: 0.7rem; border: 1px solid #2d2d2d; white-space: nowrap;">Banks - FRC 2974M</span>
 <span style="display: inline-block; background-color: #121212; color: #e8e8e8; padding: 2px 10px; margin: 2px 4px 6px 0; border-radius: 9999px; font-size: 0.7rem; border: 1px solid #2d2d2d; white-space: nowrap;">Bhanu - FRC 3506</span>

docs/index.md

@@ -13,7 +13,7 @@ hide:
 
 The comprehensive learning guide and technical reference for FRC Electrical.
 
-[Start Learning](intro.md){ .md-button .md-button--primary hero-cta }
+[Start Learning](intro.md){ .md-button .md-button--primary .hero-cta }
 
 </div>
 
@@ -60,47 +60,47 @@ The comprehensive learning guide and technical reference for FRC Electrical.
 
 <div class="grid cards" markdown>
 
--   :lucide-play:{ style="color: #ffffff;" } **Getting Started**
+-   :lucide-play: **Getting Started**
     <br>
     Everything you need to know to get started with electrical.
     [→](intro.md){ .stretched-link }
 
--   :lucide-notebook-pen:{ style="color: #ffffff;" } **Educator's Handbook**
+-   :lucide-notebook-pen: **Educator's Handbook**
     <br>
     How you can teach FRC Electrical!
     [→](Educator's-Handbook.md){ .stretched-link }
 
--   :lucide-book-open:{ style="color: #ffffff;" } **Intro to the FRC Control System**
+-   :lucide-book-open: **Intro to the FRC Control System**
     <br>
     Goes over the basics of the FRC Control System.
     [→](FRC-Control-System.md){ .stretched-link }
 
--   :lucide-toolbox:{ style="color: #ffffff;" } **Making Connections**
+-   :lucide-toolbox: **Making Connections**
     <br>
     Teaches you to crimp Molex, Anderson, Batteries, Ferrules, Butt Crimps, and more!
     [→](Making-Connections.md){ .stretched-link }
 
--   :lucide-package-x:{ style="color: #ffffff;" } **Mechanism Wiring**
+-   :lucide-package-x: **Mechanism Wiring**
     <br>
     Goes over case-specific wiring techniques!
     [→](Mechanism-Wiring.md){ .stretched-link }
 
--   :lucide-hammer:{ style="color: #ffffff;" } **Tools and Crimps**
+-   :lucide-hammer: **Tools and Crimps**
     <br>
     Explains the best tools, and what crimps to buy for FRC!
     [→](Tools/){ .stretched-link }
 
--   :lucide-book:{ style="color: #ffffff;" } **Additional Resources**
+-   :lucide-book: **Additional Resources**
     <br>
     Additional resources for easier access
     [→](Additional-Resources.md){ .stretched-link }
 
--  :lucide-square-chart-gantt:{ style="color: #ffffff;" } **Glossary**
+-  :lucide-square-chart-gantt: **Glossary**
     <br>
     Recaps specific Electrical Terminology!
     [→](Glossary.md){ .stretched-link }
 
--   :lucide-wrench:{ style="color: #ffffff;" } **Contribution**
+-   :lucide-wrench: **Contribution**
     <br>
     Help contribute! Since FRCElectrical.org is in an early stage, we need you.
     [→](contributions/Contribution.md){ .stretched-link }

docs/stylesheets/theme.css

@@ -7,6 +7,12 @@
   color: #ffffff !important;
 }
 
+/* adjusts the background color for light mode */
+[data-md-color-scheme="default"] {
+  --md-default-bg-color: #f2f4f8 !important;
+
+}
+
 /* Hero section styling */
 .hero-container {
   display: flex;
@@ -56,15 +62,22 @@
   font-size: 1.05rem;
   padding: 0.75rem 1.15rem;
   border-radius: 8px;
+  background-color: #4272f5;
 }
 
-
-
 /* Make blue highlights more apparent in cards and links */
 .grid.cards li {
   border: 1px solid rgba(66,114,245,0.06);
 }
 
+/* adjusts the cards for light mode */
+[data-md-color-scheme="default"] .grid.cards li {
+   border: 1px solid #c1c3c8 !important;
+}
+[data-md-color-scheme="default"] .grid.cards li svg {
+  color: #000000 !important;
+}
+
 .grid.cards li a.stretched-link {
   color: var(--accent);
 }