【Luxeritas】文字の色はどうしよう!?【文字リンク】

2023/07/022024/09/04Luxeritas

ナツメグ

ナツメグです

もうダサくしないカスタマイズ第6回。

Luxeritas（ルクセリタス）の
めんどくさい
記事一覧のカスタマイズが終わったので
今度は細かいところを整えて行きます。

記事一覧のタイトルをマウスホバーすると
軽薄な赤。

今回は文字の色のカスタマイズをして行きます。

Contents

1. 【Luxeritas】文字の色のカスタマイズ
- 1.1. 追記

【Luxeritas】文字の色のカスタマイズ

文字色は#333333
リンク色は#0066c0
リンクホバー文字色は#b22222
に統一します。

何でこの色にしたかと言うと
好きなブログと同じ色にしたかったから。

外観＞カスタマイズ＞文字色。

こんな感じの色です。

外観カスタマイズの文字色を設定しても
記事一覧のタイトルのマウスホバー時の色は
軽薄な赤のままだったので
スタイルシートでCSSを書き込んで行きます。

/*記事一覧タイトルホバー時*/
.home h2 a:hover{
	color: #b22222;
}

記事一覧のタイトルのマウスホバー時の色が
軽薄な赤じゃなくなって良い感じになりました。

というかメタ情報のカテゴリーの
軽薄な青の方が気になります。

なんで軽薄な青にしたかと言うと
Luxeritasのメニューの
マウスホバー時の色に
合わせたからです。

これがメニューバーのマウスホバー時の色。

やっぱりLuxeritasのデフォルトの色がダサいのでは!?

後で変えよう。

ナツメグ

今回は以上です

追記

カテゴリー一覧のタイトルホバー時の色が
軽薄な赤のままだったので直しました。

/*カテゴリー一覧タイトルホバー時*/
#list div[id^=tile-] h2, div[id^=card-] h2 a:hover{
	color: #b22222;
}

もうダサくしないカスタマイズ

2023/07/02Luxeritas