From 4277bb66ef212db46e4463101a7d061b9d23eba6 Mon Sep 17 00:00:00 2001
From: Paul Craig <paul@pcraig3.ca>
Date: Wed, 18 Dec 2024 17:40:57 -0500
Subject: [PATCH] Updates to CMS blue theme

These are all things Adam noticed when he was reviewing this
theme. Changes include:

  - Fix background and text colour for cover page
  - "Standard" icons are blue
  - Tighter line-height for h5s
  - Smaller, bolder h7s
---
 CHANGELOG.md                                  |  6 +++++
 .../static/theme-opdiv-cms-blue.css           | 23 +++++++------------
 .../bloom_nofos/static/theme-opdiv-cms.css    |  7 ++++++
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 44a76bcf..d590d0ff 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,12 @@ The format is based on Keep a Changelog, and this project adheres to Semantic Ve
 
 ### Changed
 
+- Updates to CMS theme:
+  - Fix background and text colour for cover page
+  - "Standard" icons are blue
+  - Tighter line-height for h5s
+  - Smaller, bolder h7s
+
 ### Fixed
 
 ## [1.41.0] - 2023-12-18
diff --git a/bloom_nofos/bloom_nofos/static/theme-opdiv-cms-blue.css b/bloom_nofos/bloom_nofos/static/theme-opdiv-cms-blue.css
index 7d2bff0e..bad3ec97 100644
--- a/bloom_nofos/bloom_nofos/static/theme-opdiv-cms-blue.css
+++ b/bloom_nofos/bloom_nofos/static/theme-opdiv-cms-blue.css
@@ -50,6 +50,12 @@ h2 {
 
 /* Cover page */
 
+.nofo--cover-page--header,
+.nofo--cover-page--footer {
+  background-color: var(--color--cms-blue);
+  color: var(--color--white);
+}
+
 .nofo--cover-page--header--logo--subheading {
   color: var(--color--cms-blue);
 }
@@ -77,21 +83,8 @@ h2 {
 
 /* Cover page: text */
 
-.nofo--cover-page--text .nofo--cover-page--header {
-  background-color: var(--color--cms-blue);
-  color: var(--color--white);
-}
-
-.nofo--cover-page--text .nofo--cover-page--footer {
-  background-color: var(--color--cms-blue);
-}
-
 /* Cover page: medium image */
 
-.nofo--cover-page--medium .nofo--cover-page--header {
-  background-color: var(--color--white);
-}
-
 /* Cover page: hero image */
 
 .nofo--cover-page--hero
@@ -104,7 +97,7 @@ h2 {
 /* Table of contents */
 
 .toc .toc--section-name .toc--section-name--img svg {
-  color: var(--color--cms-yellow);
+  color: var(--color--cms-blue);
 }
 
 .nofo--icons--border .toc .toc--section-name .toc--section-name--img svg {
@@ -137,7 +130,7 @@ h2 {
 }
 
 .nofo--icons--solid .before-you-begin .section--before-you-begin--icon svg {
-  color: var(--color--cms-yellow);
+  color: var(--color--cms-blue);
 }
 
 section.before-you-begin h2 {
diff --git a/bloom_nofos/bloom_nofos/static/theme-opdiv-cms.css b/bloom_nofos/bloom_nofos/static/theme-opdiv-cms.css
index 45e4f601..6d7f402e 100644
--- a/bloom_nofos/bloom_nofos/static/theme-opdiv-cms.css
+++ b/bloom_nofos/bloom_nofos/static/theme-opdiv-cms.css
@@ -61,6 +61,7 @@ h5 {
     Arial, sans-serif;
   color: var(--color--black);
   font-weight: 500;
+  line-height: 1.35;
 }
 
 h6 {
@@ -71,6 +72,12 @@ h6 {
   font-size: 13pt;
 }
 
+/* this functions as an h7 */
+div[role="heading"] {
+  font-size: 12pt;
+  font-weight: 700;
+}
+
 /* Running header */
 
 .header-nav--running-header li a[aria-current] {