Lots of template work - Luminate, G2, Crayon. Added Mizuno Running's script. Small changes to notes.

Custom_Templates/customer_templates/Crayon/_onboarding_cards_course.html.liquid

@@ -0,0 +1,34 @@
+<div class="np-card">
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding onboarding-course-card">
+      <h3 class="np-card-content-title onboarding-course-title">
+        {{ course.name }}
+      </h3>
+      <div class="np-card-content-subtitle onboarding-course-subtitle">
+        {{ course.instructor_names }}
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          {% t shared.progress, count: course.progress %}
+        </div>
+        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+        {% if course.has_to_restart? %}
+          {% include "course_version_outdated_popup", path: course_path %}
+        {% endif %}
+        <a class="np-button np-button-wide onboarding-course-button" href="{{ course_path }}">
+          {% t shared.view %}
+        </a>
+      </div>
+    </div>
+  </div>
+</div>

Custom_Templates/customer_templates/Crayon/onboarding.html.liquid

@@ -25,12 +25,12 @@
         {{ homepage.featured_courses_subheadline }}
       </div>
     </div>
-    {% if courses.in_catalog.any? %}
+    {% if courses.enrolled.any? %}
       <div class="np-homepage-featured-courses row">
-        {% for course in courses.in_catalog %}
+        {% for course in courses.enrolled %}
 	  {% comment %} {% if course.properties.featured_onboarding %} {% endif %}{% endcomment %}
           <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
-            {% include "cards_course" with course %}
+            {% include "onboarding_cards_course" with course %}
           </div>
         {% endfor %}
       </div>

Custom_Templates/customer_templates/Crayon/styles.css.liquid

@@ -38,6 +38,27 @@ body, html, div {
 
 .red-btn {
     background: #d94a66;
+  }
+
+.onboarding-course-title {
+  color: white;
+}
+
+.onboarding-course-subtitle {
+  color:white;
+}
+
+.onboarding-course-card {
+  background: #0538BF;
+}
+
+.onboarding-course-button {
+  background-color: #89D9E1;
+  color: #0538BF;
+}
+
+.np-card-content-progress {
+  color: white;
 }
 /* ------------------------------------------------------------------------------------------------------ */
 /* Login Page Styles */