色について

ダークテーマがあるので、そちらでも良い感じに表示できる必要があります。

色の変数と役割

テーマで指定できる色

変数名	役割
primary	プライマリーカラー
display	情報を表示するための色。文字色とか
display-on-primary	プライマリーカラー上の情報を表示するための色
display-hyperlink	リンクを表示するための色
background	背景色
surface	背景色から少し浮き出る色
warning	警告用の色
text-splitter-hover	読みを分割する部分の色
active-point-focus	選択中のアクセント句の色
active-point-hover	ホバー中のアクセント句の色

モードによって変わる色

ツールバーや区分けの線の色は、ライトモードだとprimaryに、ダークテーマだとsurfaceになります。

変数名	役割
toolbar	ツールバーの色
toolbar-button	ツールバー上のボタンの色
toolbar-button-display	ツールバー上のボタンで情報を表示するための色
splitter	区分けの線の色