「MediaWiki:Common.css」の版間の差分
Astro Sola (トーク | 投稿記録) 細編集の要約なし |
Astro Sola (トーク | 投稿記録) 細編集の要約なし |
||
| (同じ利用者による、間の13版が非表示) | |||
| 2行目: | 2行目: | ||
/* Vector 2022のデフォルトカラー変数を20250710.cssのダークテーマにオーバーライドします */ | /* Vector 2022のデフォルトカラー変数を20250710.cssのダークテーマにオーバーライドします */ | ||
:root { | :root, | ||
.skin-invert, | |||
html.skin-theme-clientpref-night, | |||
html.skin-theme-clientpref-os{ | |||
/* 20250710.css の基本カラーを Vector 2022 の対応する変数にマッピング */ | /* 20250710.css の基本カラーを Vector 2022 の対応する変数にマッピング */ | ||
--color-base: #dddddd; /* テキストの基本色 (20250710.css: --color-text-primary) */ | --color-base: #dddddd; /* テキストの基本色 (20250710.css: --color-text-primary) */ | ||
| 156行目: | 159行目: | ||
} | } | ||
.oo-ui-icon { | /* OS依存のダークモード時に、透過画像の背景が灰色になるのを防ぐ */ | ||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .mw-parser-output > span.mw-default-size img, | |||
html.skin-theme-clientpref-os section .mw-heading ~ div > span.mw-default-size img, | |||
html.skin-theme-clientpref-os section > span.mw-default-size img, | |||
html.skin-theme-clientpref-os dd > span.mw-default-size img, | |||
html.skin-theme-clientpref-os p > span.mw-default-size img, | |||
html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File'] img, | |||
html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File'] img, | |||
html.skin-theme-clientpref-os section > figure[typeof='mw:File'] img, | |||
html.skin-theme-clientpref-os dd > figure[typeof='mw:File'] img, | |||
html.skin-theme-clientpref-os p > figure[typeof='mw:File'] img, | |||
html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File/Thumb'] img, | |||
html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File/Thumb'] img, | |||
html.skin-theme-clientpref-os section > figure[typeof='mw:File/Thumb'] img, | |||
html.skin-theme-clientpref-os dd > figure[typeof='mw:File/Thumb'] img, | |||
html.skin-theme-clientpref-os p > figure[typeof='mw:File/Thumb'] img, | |||
html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File/Frameless'] img, | |||
html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File/Frameless'] img, | |||
html.skin-theme-clientpref-os section > figure[typeof='mw:File/Frameless'] img, | |||
html.skin-theme-clientpref-os dd > figure[typeof='mw:File/Frameless'] img, | |||
html.skin-theme-clientpref-os p > figure[typeof='mw:File/Frameless'] img | |||
{ | |||
background-color: transparent !important; /* 背景を透過させる */ | |||
} | |||
} | |||
/*編集時のツールアイコンの色を逆転させる*/ | |||
.oo-ui-iconElement-icon, | |||
.oo-ui-indicatorElement-indicator { | |||
filter: invert(1); /* アイコンの色を反転させて白色にする */ | filter: invert(1); /* アイコンの色を反転させて白色にする */ | ||
/* | background-color: transparent !important; /* アイコンの背景を透過させる */ | ||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a::before { | |||
filter: invert(1) !important; /* SVG画像を反転させて白色にする */ | |||
} | } | ||