ASP.NET：1pxdeepを使用したBootstrapテーマ変更

「1pxdeep」という、Bootstrapテーマカラーを自由にカスタマイズできるサービスを利用し、ASP.NETに適用する手順です。

―１―
1pxdeepにて、「Seed color」ボタンでカラーを選択し、「Schema now」で内容を確認。
「DownLoad」ボタンをクリックし、アーカイブファイルを保存し、解凍する。
　

―２―
「scheme.less」を以下のように編集。
(保存時のSeed colorの値に変更する)
　

―３―
「1pxdeep.less」に以下の内容を追加。

@import "scheme.less"; // color scheme
@import "bootstrap.less"; // bootstrap
@import "1pxdeep.less"; // 1pxdeep theme

　

―４―
Bootstrap本家サイトの、「Download source」をクリックして、ソースを保存。その後、解凍。 　

―５―
Bootstrapソースの「less」フォルダに、編集した「scheme.less」と「1pxdeep.less」を保存。 　

―６―
Lessコンパイラをインストールしていない場合、以下のコマンドでインストール。

npm install -g less

npmが無い場合、Node.jsをインストール。 　

―７―
lessフォルダに移動し、ターミナルより以下を実行。

lessc 1pxdeep.less bootstrap.css

―８―
作成された「bootstrap.css」ファイルを、Contentフォルダに格納する。 　

―９―
完了。