目次項目番号の形式はセクション番号の形式と同様に "1.1.1" のようにしたい

Vivliostyle Base Theme で、セクション番号は "1.1.1" の形式になるように設定されています：

しかし、目次項目番号はどのレベルの項目であってもひとつの番号で "1" という形式になっています：

目次項目番号とセクション番号は同じ形式（"1.1.1"）がデフォルトになるほうがよいと思います。

現状のThemeで --vs-toc--marker-display: inline を指定した場合の目次を表示したスクリーンショット： Screenshot 2024-08-26 19 09 21

を

  --vs-toc--marker-content: counters(vs-counter-toc, '.') ' ';

に変更する。

しかしこれだけだと、次のように目次のレイアウトが崩れる： Screenshot 2024-08-26 19 08 14

そこで、さらに次のように修正する：

を

  --vs-toc--marker-text-align: end;

に変更する。また、

の inset-inline-start と width の指定を次のように変更する：

  inset-inline-start: calc(var(--vs-toc--ol-indent-size) * -6);
  inline-size: calc(var(--vs-toc--ol-indent-size) * 5.5);

NOTE:

width は縦書きのときに適切でないので inline-size に変更する。
--vs-toc--ol-indent-size の値は 2rem で、項目のレベルが下がるごとにこの値ずつインデントが増える。項目の番号は "1.2.3.4.5.6" のように最大6レベルまでとして、inset-inline-start の値は --vs-toc--ol-indent-size の値に -6 を掛けたものにする。番号のあとにスペースを入れる必要があるため、inline-size の値は --vs-toc--ol-indent-size の値の 5.5 倍にする。

この修正により、目次のレイアウトが次のようになる：

Screenshot 2024-08-26 19 06 47

vivliostyle / themes