ドキュメント管理ツールAdvent Calendar 2023

Confluenceで、水平線をカスタマイズする

Last updated at 2023-12-04Posted at 2023-12-04

はじめに

個人的に、qiitaのマークダウンが見づらい人です。
もっと色つけてほしい。
gitのreadme.mdだって見づらい。

だから、Confluenceも、少しカラフルにしたい、そんな話です。

スペースの管理者以上であれば、設定を変更できます。

スペースの設定 -> ルックアンドフィール -> スタイルシートから変更します。
通常、変更していない場合は、会社で導入しているオリジナルのCSSが定義されているので、それを継承した形です。

カスタマイズしましょう。

hr{
    height: 5px;
    border: solid 0px;
    background: linear-gradient(to right, #3c6ec9, #80D0C7 50%, #fff);
}

せっかくなのでグラデーションにしてみました。

こんな感じの見た目になります。

カラフル〜。

色はこちらを参考にしました。

ぜひやってみてください。

こんなのもできます。

hr{ 
    height: 5px; 
    border: solid 0px; 
    background: linear-gradient(to right, #6a5acd, #ff7f50 40%, #ffc0cb 60%, #fff); 
}