「strike-blue」の色を変更する方法を書きます。
目次
スタイルシートの場所
Cocoonのskinフォルダにあります。
skins\strike-blue\style.css
style.cssをVisual Studio Codeで開いて編集します。
まだインストールしていない方は下記のリンクよりダウンロードできます。
あわせて読みたい
Visual Studio Code – コード エディター | Microsoft Azure
ほぼすべての言語で動作し、任意の OS で実行される強力なコード エディターである Visual Studio Code を使用して、Azure 上で編集、デバッグ、デプロイを行います。
早速開いてみましょう。
![](https://rengelog.com/wp-content/uploads/2023/10/2023-10-15_13h16_31-936x1024.png)
こんな感じに表示されると思います。
置換
![](https://rengelog.com/wp-content/uploads/2023/10/2023-10-15_13h16_43-936x1024.png)
左側に表示されている検索マークを押します。
検索窓が表示されるので#04384cと入力しましょう。
後は下の「置換」と表示されている欄に変更したい色を入力しましょう。
色はこちらのページを参考にしました。
今回はクリムゾン色(#dc143c)に変更したいと思います。
![](https://rengelog.com/wp-content/uploads/2023/10/2023-10-14_23h48_12-1.png)
入力したらすべて置換を押します。
問題無く置換できたら保存します。
あとはサーバーにアップロードするなどして確認してみましょう。
![](https://rengelog.com/wp-content/uploads/2023/10/2023-10-14_23h48_12_a-751x1024.png)
![](https://rengelog.com/wp-content/uploads/2023/10/2023-10-14_23h48_12_b-486x1024.png)
こんな感じに変わっていたら完了です。
コメント