ids theme: render bold text in orange Fira Sans Condensed
Bold ("highlighted") text previously only got the orange colour and
kept the serif body face. Mirror the IDS reference decks: Fira Sans
Condensed, weight 600, 90% size, so bold passages contrast against the
serif text without dominating it.
Change-Id: I82212814f9de83a6bb2ba39094726ac4ab780f90
diff --git a/NEWS.md b/NEWS.md
index 95d1c42..b01b385 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -1,5 +1,7 @@
# revealjs.ids (development version)
+- `ids` theme: bold ("highlighted") text now uses orange Fira Sans Condensed (600, 90% size) instead of just an orange colour in the serif body face, as in the IDS reference decks.
+
- `ids` theme: highlighted/code text now uses Fira Code (the monospaced Fira Sans variant, loaded from Google Fonts), as in the IDS reference decks; falls back to Fira Mono, then DejaVu Sans Mono. Replaces the generic `monospace` default.
# revealjs.ids 0.9.1.9009
diff --git a/inst/reveal.js-5.2.1/css/theme/source/ids.scss b/inst/reveal.js-5.2.1/css/theme/source/ids.scss
index 7144eeb..323eaf7 100644
--- a/inst/reveal.js-5.2.1/css/theme/source/ids.scss
+++ b/inst/reveal.js-5.2.1/css/theme/source/ids.scss
@@ -338,7 +338,13 @@
}
.reveal {
+ // Bold ("highlighted") text gets the orange colour AND the condensed Fira
+ // Sans face, as in the IDS reference decks -- the lighter weight and 90%
+ // size keep it from dominating the serif body text.
strong, b {
+ font-family: "Fira Sans Condensed", sans-serif;
+ font-weight: 600;
+ font-size: 90%;
color: var(--r-bold-color);
}
diff --git a/inst/reveal.js-5.2.1/dist/theme/ids.css b/inst/reveal.js-5.2.1/dist/theme/ids.css
index b7879a9..76de151 100644
--- a/inst/reveal.js-5.2.1/dist/theme/ids.css
+++ b/inst/reveal.js-5.2.1/dist/theme/ids.css
@@ -546,7 +546,13 @@
--r-list-bullet-color: #f6a800;
}
+/* Bold ("highlighted") text gets the orange colour AND the condensed Fira
+ Sans face, as in the IDS reference decks -- the lighter weight and 90%
+ size keep it from dominating the serif body text. */
.reveal strong, .reveal b {
+ font-family: "Fira Sans Condensed", sans-serif;
+ font-weight: 600;
+ font-size: 90%;
color: var(--r-bold-color);
}