asciidocでタイトルの色だけ変える

adocファイルの修正

:stylesheet: default.cssをヘッダに追記する。
同じ場所に置く場合は:stylesdir:の指定も不要。

# (タイトル)
:nofooter:
...
:stylesheet: default.css

cssの作成

公式に載っているやりかただと
図1 とか 表1 とかのタイトルがオレンジ色のままなのでそこも変更する。
また、タイトルの色を変えると本文と見分けがつかないので太字にするなどする。

@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";
@import "https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css";

h1, h2, h3, h4, h5, h6, #toctitle,.sidebarblock > .content > .title {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
div#toctitle {
  color: rgba(0, 0, 0, 0.8);
}
.paragraph> .title, table.tableblock >.title {
  color: rgba(0, 0, 0, 0.8);
}

尚、ネットから取ってこなくても以下にある。

/path/to/gem_dir/asciidoctor-x.x.xx/data/stylesheets/asciidoctor-default.css

ビルド

変換コマンド時にcssの指定をするような記載が見受けられるが
vscodeでhtml変換するならデフォルトのままで問題なかった。

---

参考:https://docs.asciidoctor.org/asciidoctor/latest/html-backend/default-stylesheet/#customize-extend