テーマの指定

Bootstrap 3でよければ従来通り、theme引数に"cosmo"などの文字列を指定できます。 Bootstrap 4では更にテーマを指定するには以下のようにbootswatch要素を指定します。

output:
  html_document:
    theme:
      version: 4
      bootswatch: darkly

ちなみにこれが、このページの設定です。従来のtheme引数に指定していた私がbootswatch要素にそのまま指定できます。ただし、bslibパッケージの活躍により、利用可能なテーマは以下の通り増えました。 bootswatch要素を指定すればBootstrap 3利用時もすべてのテーマを利用できます。

bslib::bootswatch_themes()

##  [1] "cerulean"  "cosmo"     "cyborg"    "darkly"    "flatly"    "journal"  
##  [7] "litera"    "lumen"     "lux"       "materia"   "minty"     "pulse"    
## [13] "sandstone" "simplex"   "sketchy"   "slate"     "solar"     "spacelab" 
## [19] "superhero" "united"    "yeti"

フォント周りが色々変わった

html {font-size: 18px;}

```{css, echo=FALSE}
html {font-size: 18px;}
``

テーマが増え、カスタマイズも簡単になった

使えるテーマが増えた点は既に紹介した通りです。実は、YAMLフロントマターにおてhtml_document関数のtheme引数に名前付きリストを指定すると、リストは更にbslib::bs_theme関数の引数化します。そしてこの関数は引数に応じてテーマの調整を可能としています。

output:
  html_document:
    theme:
      version: 4   # 3も可能。
      bootswatch: darkly
      bg: beige # 背景色。fgの指定が必須。
      fg: black # 表面色。文字色のことっぽい。

ちなみにbslib::bs_theme関数の引数は以下の通り。

names(formals(bslib::bs_theme))

##  [1] "version"      "bootswatch"   "..."          "bg"           "fg"          
##  [6] "primary"      "secondary"    "success"      "info"         "warning"     
## [11] "danger"       "base_font"    "code_font"    "heading_font"

可変長引数（...）以降がテーマ調整用の引数ですね。これらの引数はCSSを動的に生成するためのフレームワークに引数として渡されています。可変長引数もちゃんと渡されるので、他にも色々な調整が可能です。

利用可能な引数は以下のリンクから確認してください。なお、html_document関数で指定するには-を_に置換してください。

https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss

たとえばfont_size_base要素を指定すれば、基準となるフォントのサイズを変更可能です。この方法ならBootstrap 3であってもフォントサイズを一元的に変更できます。ただし、使える単位がBootstrap 4のremに対し、Bootstrap 3の場合はpxです。