From 7467e6579985d94942225bd4e9f8aaf52381bcb6 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Sun, 7 Apr 2019 20:01:12 +0100
Subject: [PATCH] fix(widget): Hero text color when `text_color_light = false`

---
 exampleSite/content/home/hero.md   |  2 +-
 layouts/partials/css/academic.css  | 15 +++++++++------
 layouts/partials/widgets/hero.html |  3 ++-
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/exampleSite/content/home/hero.md b/exampleSite/content/home/hero.md
index df299d0c..b21780e7 100644
--- a/exampleSite/content/home/hero.md
+++ b/exampleSite/content/home/hero.md
@@ -48,7 +48,7 @@ hero_media = "hero-academic.png"
   label = '<a id="academic-release" href="https://sourcethemes.com/academic/updates" data-repo="gcushen/hugo-academic">Latest release <!-- V --></a>'
 +++
 
-**The Best Way to Create the Website You Want from Markdown (or RStudio/Jupyter)**
+**The Best Way to Create the Website You Want from Markdown (or Jupyter/RStudio)**
 
 Build **Anything** with Widgets
 
diff --git a/layouts/partials/css/academic.css b/layouts/partials/css/academic.css
index e6cc1f7e..cbd5579d 100644
--- a/layouts/partials/css/academic.css
+++ b/layouts/partials/css/academic.css
@@ -595,15 +595,15 @@ a[data-fancybox] img {
   font-size: 1.35rem;
 }
 
-.wg-hero .hero-title,
-.wg-hero .hero-lead,
-.wg-hero .hero-cta-alt,
-.wg-hero .hero-note {
+.wg-hero.dark .hero-title,
+.wg-hero.dark .hero-lead,
+.wg-hero.dark .hero-cta-alt,
+.wg-hero.dark .hero-note {
   color: #fff;
   /*text-shadow: 1px 1px 4px rgba(0,0,0,0.5);*/ /* Uncomment to standout on complicated backgrounds. */
 }
 
-.wg-hero a:not(.wg-hero .btn) {
+.wg-hero.dark a:not(.wg-hero .btn) {
   color: #fff;
 }
 
@@ -616,10 +616,13 @@ a[data-fancybox] img {
 }
 
 .wg-hero .btn {
-  color: {{ .Get "primary_dark" }};
   padding: .6em 2.1em;
 }
 
+.wg-hero.dark .btn {
+  color: {{ .Get "primary_dark" }};
+}
+
 a.hero-cta-alt {
   display: inline-block;
   position: relative;
diff --git a/layouts/partials/widgets/hero.html b/layouts/partials/widgets/hero.html
index 2c5c19b0..00023839 100644
--- a/layouts/partials/widgets/hero.html
+++ b/layouts/partials/widgets/hero.html
@@ -1,5 +1,6 @@
 {{ $ := .root }}
 {{ $page := .page }}
+{{ $bg := $page.Params.design.background }}
 
 {{ if $page.Params.hero_media }}
 <div class="row">
@@ -30,7 +31,7 @@
         {{ $target = "target=\"_blank\" rel=\"noopener\"" }}
       {{ end }}
     <p class="cta-btns">
-      <a href="{{ $link | safeURL }}" {{ $target | safeHTMLAttr }} class="btn btn-light btn-lg">{{ if $page.Params.cta.icon }}<i class="{{ $pack }} {{ $pack_prefix }}-{{ $page.Params.cta.icon }}" aria-hidden="true"></i> {{end}}{{ $page.Params.cta.label | markdownify | emojify | safeHTML }}</a>
+      <a href="{{ $link | safeURL }}" {{ $target | safeHTMLAttr }} class="btn {{if $bg.text_color_light}}btn-light{{else}}btn-primary{{end}} btn-lg">{{ if $page.Params.cta.icon }}<i class="{{ $pack }} {{ $pack_prefix }}-{{ $page.Params.cta.icon }}" aria-hidden="true"></i> {{end}}{{ $page.Params.cta.label | markdownify | emojify | safeHTML }}</a>
 
       {{/* Alternative Call-to-action link */}}
       {{ if $page.Params.cta_alt.url }}