「MediaWiki:Common.css」の版間の差分
ダークモード調整 |
Boxmenu用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 { | html.skin-theme-clientpref-night .infobox, html.skin-theme-clientpref-night .mbox, html.skin-theme-clientpref-night .ambox, html.skin-theme-clientpref-night .boxmenu { | ||
background-color: #1f1f23; /* 暗い背景色 */ | background-color: #1f1f23; /* 暗い背景色 */ | ||
color: #f8f9fa; /* 明るい文字色 */ | color: #ffffff; /*#f8f9fa;*/ /* 明るい文字色 */ | ||
border-color: #54595d; | border-color: #54595d; | ||
} | } | ||
html.skin-theme-clientpref-night .infobox-header { | html.skin-theme-clientpref-night .infobox-header { | ||
background-color: #31353a; /* ヘッダーの暗い背景色 */ | background-color: #31353a; /* ヘッダーの暗い背景色 */ | ||
color: #000000; | |||
} | } | ||
html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a { | html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a, html.skin-theme-clientpref-night .boxmenu a { | ||
color: #5b92e5; | color: #5b92e5; | ||
} | } | ||
| 622行目: | 622行目: | ||
border-color: #44447a; | border-color: #44447a; | ||
} | } | ||
html.skin-theme-clientpref-night .community-portal-h1 { | |||
color: #000000; | |||
} | |||
} | } | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
| 628行目: | 632行目: | ||
} | } | ||
.infobox, .mbox, .ambox { | .infobox, .mbox, .ambox, .boxmenu { | ||
background-color: #1f1f23; /* 暗い背景色 */ | background-color: #1f1f23; /* 暗い背景色 */ | ||
color: # | color: #ffffff; /* 明るい文字色 */ | ||
border-color: #54595d; | border-color: #54595d; | ||
} | } | ||
.infobox-header { | .infobox-header { | ||
background-color: #31353a; /* ヘッダーの暗い背景色 */ | background-color: #31353a; /* ヘッダーの暗い背景色 */ | ||
color: #000000; | |||
} | } | ||
.infobox a, .mbox a, .ambox a { | .infobox a, .mbox a, .ambox a, .boxmenu a { | ||
color: #5b92e5; | color: #5b92e5; | ||
} | } | ||
| 654行目: | 658行目: | ||
border-color: #44447a; | border-color: #44447a; | ||
} | } | ||
.community-portal-h1 { | |||
color: #000000; | |||
} | |||
} | } | ||
| 689行目: | 696行目: | ||
border-left: solid 5px #7db4e6; | border-left: solid 5px #7db4e6; | ||
border-bottom: solid 3px #d7d7d7; | border-bottom: solid 3px #d7d7d7; | ||
} | |||
/********************************************************************* | |||
20251116追記：Boxmenu用 | |||
**********************************************************************/ | |||
.boxmenu { | |||
width: auto; | |||
margin: 5px; | |||
padding: 5px; | |||
border: solid 2px #808080; | |||
background-color: #f0f0ff; | |||
} | } | ||