「SWELL」のグループスタイル「ブラウザ風」のフレームカラーを変えるcss

「SWELL」のグループスタイル「ブラウザ風」のフレームカラーを変えるcssです。

純正

SWELLの標準だと下記のようなカラーで表示されます。

純正のカラーコードは#ced1d5です。

MACのsafari感があってそのままでもとてもきれいです。

カスタマイズ後

こちらのcssを追記します。

.is-style-browser_mac {
	--frame-color:var(--color_main);
}

SWELLで選択しているメインカラーに変更しています。

カラーコードは#1b1b1bです。

任意のカラーに変更したい場合はvar(--color_main)の部分を好きなカラーコードに変更してください。

まとめ

簡単な変更で印象を大きく変えることができます。お試しください。