LoginSignup
0
0

Confluenceの表で色違い行にカスタマイズする

Last updated at Posted at 2023-12-11

はじめに

Confluenceのカスタマイズ方法についての話です。
会社でやっている人がいたので、調べてやってみました。

やり方

cssはどこで定義するのか?については、こちらを参照してください。

table.confluenceTable th.confluenceTh, td.highlight, div.tablesorter-header-inner, th.confluenceTh p {
    background-color: #5575A0 !important;
    color: #fff !important;
}
 
table.confluenceTable td {
    background: #e9f4f5;
}
table.confluenceTable tr:nth-child(odd) td {
    background: #fff;
}

最初に色が適用された後に白点滅する、という症状があるようなので、少し変えました。

参考:

結果

スクリーンショット 2023-12-11 23.21.52.png

視認性がよくなるので、色々活用すると良いと思います。
ただし、アドオンのテーブルによっては、色が想定外になる可能性があるので、検証してみるのが良いかと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0