「MediaWiki:Common.css」の版間の差分
infoboxのダークテーマ対応化テスト |
ダークモードいろいろ調整 |
||
| 596行目: | 596行目: | ||
@media screen { | @media screen { | ||
.skin-theme-clientpref-night .infobox { | html.skin-theme-clientpref-night .mbox { | ||
/* ダークモードの一般的な背景と文字色 */ | |||
background-color: #1f1f23; | |||
color: #f8f9fa; | |||
border-color: #54595d; | |||
} | |||
/* 情報 (notice) のダークモードスタイル */ | |||
html.skin-theme-clientpref-night .mbox-notice { | |||
background-color: #2a2a30; | |||
border-color: #444; | |||
} | |||
/* 警告 (warning) のダークモードスタイル */ | |||
html.skin-theme-clientpref-night .mbox-warning { | |||
background-color: #4a4a30; /* 少し暗めの黄色系背景 */ | |||
border-color: #7d7d52; | |||
color: #f8f9fa; /* テキストを明るい色に変更 */ | |||
} | |||
/* mbox内のリンクの色も調整 */ | |||
html.skin-theme-clientpref-night .mbox a { | |||
color: #5b92e5; | |||
} | |||
html.skin-theme-clientpref-night .infobox { | |||
background-color: #1f1f23; /* 暗い背景色 */ | background-color: #1f1f23; /* 暗い背景色 */ | ||
color: #f8f9fa; /* 明るい文字色 */ | color: #f8f9fa; /* 明るい文字色 */ | ||
border-color: #54595d; | border-color: #54595d; | ||
} | |||
html.skin-theme-clientpref-night .infobox-header { | |||
background-color: #31353a; /* ヘッダーの暗い背景色 */ | |||
color: #f8f9fa; | |||
} | |||
html.skin-theme-clientpref-night .infobox a { | |||
color: #5b92e5; | |||
} | } | ||
} | } | ||
| 606行目: | 635行目: | ||
color: white !important; | color: white !important; | ||
} | } | ||
.mbox { | |||
/* ダークモードの一般的な背景と文字色 */ | |||
background-color: #1f1f23; | |||
color: #f8f9fa; | |||
border-color: #54595d; | |||
} | |||
/* 情報 (notice) のダークモードスタイル */ | |||
.mbox-notice { | |||
background-color: #2a2a30; | |||
border-color: #444; | |||
} | |||
/* 警告 (warning) のダークモードスタイル */ | |||
.mbox-warning { | |||
background-color: #4a4a30; /* 少し暗めの黄色系背景 */ | |||
border-color: #7d7d52; | |||
color: #f8f9fa; /* テキストを明るい色に変更 */ | |||
} | |||
/* mbox内のリンクの色も調整 */ | |||
.mbox a { | |||
color: #5b92e5; | |||
} | |||
.infobox { | .infobox { | ||