テーマ

フレームワークには、いくつかの異なるテーマが含まれています。

テーマ名プレビュー
black (デフォルト)Black background, white text, blue links
whiteWhite background, black text, blue links
leagueGray background, white text, blue links
beigeBeige background, dark text, brown links
nightBlack background, thick white text, orange links
serifCappuccino background, gray text, brown links
simpleWhite background, black text, blue links
solarizedCream-colored background, dark green text, blue links
moonDark blue background, thick grey text, blue links
dracula
skyBlue background, thin dark text, blue links
bloodDark background, thick white text, red links

それぞれのテーマは個別スタイルシートとして利用できます。テーマを変更するには、index.html で black を希望するテーマ名に置き換えます。

<link rel="stylesheet" href="dist/theme/black.css" />

カスタムのプロパティ

テーマの全変数は、疑似クラス :root の CSS カスタムプロパティとして公開されています。公開されている変数のリストを参照してください the list of exposed variables.

テーマを作成する

独自のテーマを追加したい場合は、こちらの手順を参照してください: /css/theme/README.md

クリーンなスタートを希望する場合は、空の CSS ドキュメントから始め、すべてを一からカスタマイズすることもできます。