Skip to content

Commit

Permalink
Updates to CMS blue theme
Browse files Browse the repository at this point in the history
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
  • Loading branch information
pcraig3 committed Dec 18, 2024
1 parent 09b1254 commit 4277bb6
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 15 deletions.
6 changes: 6 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
23 changes: 8 additions & 15 deletions bloom_nofos/bloom_nofos/static/theme-opdiv-cms-blue.css
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
Expand Down Expand Up @@ -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
Expand All @@ -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 {
Expand Down Expand Up @@ -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 {
Expand Down
7 changes: 7 additions & 0 deletions bloom_nofos/bloom_nofos/static/theme-opdiv-cms.css
Original file line number Diff line number Diff line change
Expand Up @@ -61,6 +61,7 @@ h5 {
Arial, sans-serif;
color: var(--color--black);
font-weight: 500;
line-height: 1.35;
}

h6 {
Expand All @@ -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] {
Expand Down

0 comments on commit 4277bb6

Please sign in to comment.