Updated progress on light mode

styles/_helpers.scss

@@ -450,13 +450,15 @@
 .bg-grey-800 {
   background-color: $gray-800;
 }
-.green-500 {
-  color: $green-500;
-}
 .white {
   color: $white;
 }
 
+.stat-highlight,
+.eyebrow {
+  color: $green-500;
+}
+
 /* ETC */
 .br-8 {
   border-radius: 8px;

styles/_top-nav.scss

@@ -524,6 +524,15 @@
     }
 
   } // end mobile specific styles ----------------------------------------------
+
+  // nav "hero" images
+  #top-nav-hero-docs {
+    content: url(../img/icons/docs.svg);
+  }
+  #top-nav-hero-contribute {
+    content: url(assets/img/icons/contribute.svg);
+  }
+
 }
 
 

styles/light/_light-theme.scss

@@ -2,7 +2,7 @@ $light-bg: $gray-100;
 $light-fg: $black;
 $light-fg-muted: $gray-800;
 $light-fg-disabled: $gray-400;
-$light-form-bg: $gray-300;
+$light-form-bg: $gray-200;
 $light-box-shadow: 0px 5px 20px 0px $gray-400;
 $light-link-hover-color: $blue-purple-500;
 $light-standout-bg: $white;
@@ -48,6 +48,10 @@ h1, h2, h3, h4, h5, h6,
 .numbers {
   color: $black;
 }
+.stat-highlight,
+.eyebrow {
+  color: $green-900;
+}
 
 .invertible-img {
   filter: invert(100%);
@@ -197,18 +201,31 @@ a, nav a {
     }
   }
 
+  // nav "hero" images
+  #top-nav-hero-docs {
+    content: url(../img/icons/lightmode/docs.svg);
+  }
+  #top-nav-hero-contribute {
+    content: url(../img/icons/lightmode/contribute.svg);
+  }
+
   .dropdown-menu {
-    background-color: $white;
-    border-color: $white;
+    background-color: $gray-100;
+    border-color: $gray-100;
     box-shadow: $light-box-shadow;
 
+    &#topnav_dd_docshtml {
+      background-color: $gray-200;
+      border-color: $gray-200;
+    }
+
     a:hover, a.active {
       color: $light-link-hover-color;
     }
 
     .dropdown-item.dropdown-hero {
       > img {
-        background-color: $gray-200;
+        background-color: $white;
       }
       p {
         color: $gray-700;
@@ -226,7 +243,7 @@ a, nav a {
     .col-for-人気ページ,
     .col-for-questions,
     .col-for-質問 {
-      background-color: $gray-200;
+      background-color: $white;
     }
   }
 
@@ -244,7 +261,7 @@ a, nav a {
 
     .navbar-nav .nav-link,
     .navbar-collapse > .nav-item {
-      background: $gray-100;
+      background: $gray-200;
     }
   }
 }
@@ -486,14 +503,14 @@ pre code {
   // Kraken, eToro are OK on both light and dark
 
   // Vector logos
-  @each $exchange in "bitstamp", "cex-io", "liquid", "bitfinex", "lmax" {
+  @each $exchange in "bitstamp", "cex-io", "liquid", "bitfinex" {
     #exch-#{$exchange} {
       content: url("../img/exchanges/lightmode/#{$exchange}.svg");
     }
   }
 
   // PNG logos
-  @each $exchange in "bittrex", "currency-com", "ftx" {
+  @each $exchange in "bittrex", "currency-com", "ftx", "lmax" {
     #exch-#{$exchange} {
       content: url("../img/exchanges/lightmode/#{$exchange}.png");
     }
@@ -536,6 +553,19 @@ pre code {
     }
   }
 
+  // darkened card graphics
+  @each $company,$card-graphic in (
+    "bitpay": "blue-green",
+    "exodus": "green",
+    "forte": "light-blue-2",
+    "ripple": "blue-light-blue",
+    "xrplorer": "green-purple"
+  ) {
+    ##{$company} {
+      background-image: url("../img/cards/lightmode/3col-#{$card-graphic}.svg");
+    }
+  }
+
   // Monochrome logos; invert.
   #bitpay, #coil, #forte, #xrplorer, #gatehub {
     .biz-logo {
@@ -552,6 +582,7 @@ pre code {
   }
   // non-SVG logos:
   #raisedinspace {
+    background-image: url(../img/cards/lightmode/3col-orange-yellow-2.svg);
     .biz-logo {
       content: url(../img/uses/lightmode/raised.png);
     }
@@ -593,6 +624,53 @@ pre code {
   }
 }
 
+// Docs landing page
+.page-docs-index {
+  #software-and-sdks .card-deck {
+    .card:nth-child(1) .card-footer {
+      background-image: url(../img/cards/lightmode/4col-green.svg);
+    }
+    .card:nth-child(2) .card-footer {
+      background-image: url(../img/cards/lightmode/4col-light-blue.svg);
+    }
+    .card:nth-child(4) .card-footer {
+      background-image: url(../img/cards/lightmode/4col-yellow.svg);
+    }
+  }
+  #doc-types .card-deck {
+    .card:nth-child(4) .card-footer {
+      background-image: url(../img/cards/lightmode/4col-light-blue-2.svg);
+    }
+  }
+}
+
+.page-docs-index,
+.page-community {
+  #run-a-network-node .card-deck {
+    .card:nth-child(4) .card-footer {
+      background-image: url(../img/cards/lightmode/4col-light-green.svg);
+    }
+  }
+}
+
+#find-us-on-platforms .card-deck {
+  .card:nth-child(2) .card-footer {
+    background-image: url(../img/cards/lightmode/4col-light-blue-3.svg);
+  }
+}
+
+.page-references {
+  #refs-types .card-deck {
+    .card:nth-child(2) .card-footer {
+      background-image: url(../img/cards/lightmode/3col-green-2.svg);
+    }
+  }
+  #xrpl-protocol .card-deck {
+    .card:nth-child(1) .card-footer {
+      background-image: url(../img/cards/lightmode/4col-light-blue-4.svg);
+    }
+  }
+}
 
 // Placeholder text colors (search bars, etc.)
 $placeholder-color: $gray-600;