「MediaWiki:Common.css」の版間の差分
ダークモードいろいろ調整 |
ダークモード調整 |
||
| 596行目: | 596行目: | ||
@media screen { | @media screen { | ||
html.skin-theme-clientpref-night .infobox, html.skin-theme-clientpref-night .mbox, html.skin-theme-clientpref-night .ambox { | |||
background-color: #1f1f23; /* 暗い背景色 */ | background-color: #1f1f23; /* 暗い背景色 */ | ||
color: #f8f9fa; /* 明るい文字色 */ | color: #f8f9fa; /* 明るい文字色 */ | ||
| 627行目: | 605行目: | ||
color: #f8f9fa; | color: #f8f9fa; | ||
} | } | ||
html.skin-theme-clientpref-night .infobox a { | html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a { | ||
color: #5b92e5; | color: #5b92e5; | ||
} | |||
/* ambox の種類別の色分けをダークモード向けに調整 */ | |||
html.skin-theme-clientpref-night .ambox-content { | |||
background-color: #4a382e; /* オレンジ系を暗く */ | |||
border-color: #8f5c35; | |||
} | |||
html.skin-theme-clientpref-night .ambox-style { | |||
background-color: #4a4a30; /* 黄色系を暗く */ | |||
border-color: #7d7d52; | |||
} | |||
html.skin-theme-clientpref-night .ambox-notice { | |||
background-color: #2a2a30; /* 青系を暗く */ | |||
border-color: #44447a; | |||
} | } | ||
} | } | ||
| 636行目: | 628行目: | ||
} | } | ||
. | .infobox, .mbox, .ambox { | ||
background-color: #1f1f23; /* 暗い背景色 */ | background-color: #1f1f23; /* 暗い背景色 */ | ||
color: #f8f9fa; /* 明るい文字色 */ | color: #f8f9fa; /* 明るい文字色 */ | ||
| 667行目: | 637行目: | ||
color: #f8f9fa; | color: #f8f9fa; | ||
} | } | ||
.infobox a { | .infobox a, .mbox a, .ambox a { | ||
color: #5b92e5; | color: #5b92e5; | ||
} | |||
/* ambox の種類別の色分けをダークモード向けに調整 */ | |||
.ambox-content { | |||
background-color: #4a382e; /* オレンジ系を暗く */ | |||
border-color: #8f5c35; | |||
} | |||
.ambox-style { | |||
background-color: #4a4a30; /* 黄色系を暗く */ | |||
border-color: #7d7d52; | |||
} | |||
.ambox-notice { | |||
background-color: #2a2a30; /* 青系を暗く */ | |||
border-color: #44447a; | |||
} | } | ||
} | } | ||