UIテーマローラーが生まれ変わりました!こちらのオンラインツールを使用すれば、テーマの作成やカスタマイズが簡単に行えます。UIを対象としています。画面左上のドロップダウンリストからご希望のバージョンを選択できます。v2.1.0以前のバージョン(Stylusを使用)を対象として、旧テーマローラーも以前のままお使いいただけます。v2.1.0からv2.6.0の間のバージョンに関してはCSSコンポーネント内に不具合があったため、意図的にドロップダウンリストから外しています。UIのアップデートは簡単にできますのでぜひv2.6.0以降をお試しください。UIをインストールできます。テーマローラーでは、画面右側のカラーピッカーを使用してコンポーネントの色をカスタマイズできます。カスタマイズ終了後、「Download」ボタンをクリックするとダウンロード画面が開き、テーマが設定されたファイルをダウンロードできます。ダウンロード画面ではコンポーネントを選択することができますので、不必要なコンポーネントをテーマから取り除き、ファイルのサイズを縮小することもできます。テーマローラーの機能紹介:コンポーネントの選択ダウンロードされたzipファイルを展開すると、以下のファイルが含まれています。フォルダ内に配置することで、テーマが適用されます。Edit(一括編集)」機能を使用すれば複数の色を一括で変更することもできます。コピー&ペーストすれば、既存のテーマをカスタマイズすることもできます。changes」ボタンを押してください。UIテーマの提供を始めました。このテーマを使用すれば、画面の色を反転させてハッカー仕様のアプリを作ることもできますし(笑)、既存のアプリを夜間モードに設定することもできます。UIのバージョン2.7.0以降から利用できます。配下に置かれています。それぞれ定義されています。これらのファイルをHTML文書に組み込むことで、画面にダークカラーのテーマが適用されます。使用すればアプリ内でCSS変数を共有することができます。このリソースローダーはもともとSass向けに開発されたものですが、どのCSSプリプロセッサとも相性が良いようです。cssnextともいっしょに使えます。ブロック間で共通のCSS変数を設定するときにこのリソースローダーを使用しています。使用方法に制限はなく、他のJavaScriptフレームワークでも使用できます。UIのテーマローラーを利用するのであれば、コンポーネントの種類を問わず、こちらのCSS変数・mixin・メディアクエリをstyleブロックに設定することができます。UIテーマで使用しているCSS変数をアプリ内で共有できるようになります。他のCSSモジュールからでもアクセス可能です。Watabeフリーランスの翻訳家。インターネット・通信業界で10年ほど翻訳を経験したあと、2013年からフリーランスに。直訳ではない、わかりやすい翻訳を心がけています。