模块:Message box/fmbox.css

/* {{Fmbox}} (footer and header message box) styles
 * 页眉页脚消息框样式
 *
 * @source https://en.wikipedia.org/wiki/MediaWiki:Common.css
 * @revision 2024-10-05
*/
/* 布局 */
.fmbox {
  margin: 0.2em 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.02);
}

/* 设置颜色 */
.fmbox-system {
  background-color: rgba(0, 0, 0, 0.02);
}
.fmbox-warning {
  border-color: rgba(214, 73, 56, 0.15);
  background-color: rgba(250, 136, 126, 0.15);
}
.fmbox-editnotice {
  background-color: transparent;
}

/* | 黑暗模式 */
html.skin-theme-clientpref-night .fmbox {
  border-color: rgba(255, 255, 255, 0.08);
  background-color: rgba(255, 255, 255, 0.02);
}
html.skin-theme-clientpref-night .fmbox-system {
  background-color: rgba(255, 255, 255, 0.02);
}
html.skin-theme-clientpref-night .fmbox-warning {
  border-color: rgba(214, 73, 56, 0.15);
  background-color: rgba(85, 17, 16, 0.15);
}
html.skin-theme-clientpref-night .fmbox-editnotice {
  background-color: transparent;
}

@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .fmbox {
    border-color: rgba(255, 255, 255, 0.08);
    background-color: rgba(255, 255, 255, 0.02);
  }
  html.skin-theme-clientpref-os .fmbox-system {
    background-color: rgba(255, 255, 255, 0.02);
  }
  html.skin-theme-clientpref-os .fmbox-warning {
    border-color: rgba(214, 73, 56, 0.15);
    background-color: rgba(85, 17, 16, 0.15);
  }
  html.skin-theme-clientpref-os .fmbox-editnotice {
    background-color: transparent;
  }
}