共通のデザイン CSS で背景色だけ変える

これを知りたかった！

反映方法

以下のサイトを参考にした。

qiita.com

/*  */
@import "/css/theme/smooth/smooth.css";
/*  */

/*  */
body{
 background:maroon;
 --my-background-color: maroon;
}
/*  */

@import url("https://dl.dropboxusercontent.com/s/***************/myCSS.css");

CSS では次の通り、指定する。

/* 目次 */
  .entry-content .table-of-contents {
    background-color: white;
    border: 4px solid var(--my-background-color);
    border-top: 40px solid var(--my-background-color);
    border-radius: 6px;
  }