「MediaWiki:Common.css」の版間の差分

📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
移転先はhttps://mochiu.net/index.php?title=MediaWiki:Common.cssです。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）
2025年11月11日 (火) 03:59時点における版

/* ===================================
   WikiEditorツールバー - 背景色の設定
   =================================== */

/* デフォルト（ライトモード）時の背景色 */
.wikiEditor-ui-toolbar .tabs {
    background-color: #a8d5ba !important;
    background-image: none !important;
}

.wikiEditor-ui-toolbar .toolbar.section-main {
    background-color: #a8d5ba !important;
    background-image: none !important;
}

.wikiEditor-ui-toolbar .toolbar.section-secondary {
    background-color: #a8d5ba !important;
    background-image: none !important;
}

/* ===================================
   ライトモード専用のスタイル
   =================================== */

/* ライトモードが明示的に指定されている場合 */
html.theme-light .wikiEditor-ui-toolbar .tabs .tab,
body.theme-light .wikiEditor-ui-toolbar .tabs .tab,
html.theme-light .wikiEditor-ui-toolbar .toolbar .tool,
body.theme-light .wikiEditor-ui-toolbar .toolbar .tool,
html.theme-light .wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
body.theme-light .wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
    filter: brightness(0.2) saturate(0) !important;
}

/* デフォルト状態（theme-*クラスが無い場合）でライトモード時 */
html:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .tabs .tab,
body:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .tabs .tab,
html:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .toolbar .tool,
body:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .toolbar .tool,
html:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
body:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
    filter: brightness(0.2) saturate(0) !important;
}

/* オートモードでOSがライトモードの場合 */
@media (prefers-color-scheme: light) {
    html.theme-auto .wikiEditor-ui-toolbar .tabs .tab,
    body.theme-auto .wikiEditor-ui-toolbar .tabs .tab,
    html.theme-auto .wikiEditor-ui-toolbar .toolbar .tool,
    body.theme-auto .wikiEditor-ui-toolbar .toolbar .tool,
    html.theme-auto .wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
    body.theme-auto .wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
        filter: brightness(0.2) saturate(0) !important;
    }
}

/* ホバー時の強調表示（ライトモード時のみ） */
html.theme-light .wikiEditor-ui-toolbar .tabs .tab:hover,
body.theme-light .wikiEditor-ui-toolbar .tabs .tab:hover,
html.theme-light .wikiEditor-ui-toolbar .toolbar .tool:hover,
body.theme-light .wikiEditor-ui-toolbar .toolbar .tool:hover,
html:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .tabs .tab:hover,
body:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .tabs .tab:hover,
html:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .toolbar .tool:hover,
body:not(.theme-dark):not(.theme-auto) .wikiEditor-ui-toolbar .toolbar .tool:hover {
    background-color: rgba(0, 0, 0, 0.15) !important;
}

@media (prefers-color-scheme: light) {
    html.theme-auto .wikiEditor-ui-toolbar .tabs .tab:hover,
    body.theme-auto .wikiEditor-ui-toolbar .tabs .tab:hover,
    html.theme-auto .wikiEditor-ui-toolbar .toolbar .tool:hover,
    body.theme-auto .wikiEditor-ui-toolbar .toolbar .tool:hover {
        background-color: rgba(0, 0, 0, 0.15) !important;
    }
}

/* ===================================
   ダークモード時の調整
   =================================== */

/* ダークモードが有効な場合の背景色 */
html.theme-dark .wikiEditor-ui-toolbar .tabs,
body.theme-dark .wikiEditor-ui-toolbar .tabs,
html.theme-dark .wikiEditor-ui-toolbar .toolbar.section-main,
body.theme-dark .wikiEditor-ui-toolbar .toolbar.section-main,
html.theme-dark .wikiEditor-ui-toolbar .toolbar.section-secondary,
body.theme-dark .wikiEditor-ui-toolbar .toolbar.section-secondary {
    background-color: #414141 !important;
    background-image: none !important;
}

/* ダークモード時はフィルターを完全に解除 */
html.theme-dark .wikiEditor-ui-toolbar .tabs .tab,
body.theme-dark .wikiEditor-ui-toolbar .tabs .tab,
html.theme-dark .wikiEditor-ui-toolbar .toolbar .tool,
body.theme-dark .wikiEditor-ui-toolbar .toolbar .tool,
html.theme-dark .wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
body.theme-dark .wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
    filter: none !important;
}

/* ===================================
   オートモードでOSがダークモードの場合
   =================================== */

@media (prefers-color-scheme: dark) {
    /* 背景色の設定 */
    html.theme-auto .wikiEditor-ui-toolbar .tabs,
    body.theme-auto .wikiEditor-ui-toolbar .tabs,
    html.theme-auto .wikiEditor-ui-toolbar .toolbar.section-main,
    body.theme-auto .wikiEditor-ui-toolbar .toolbar.section-main,
    html.theme-auto .wikiEditor-ui-toolbar .toolbar.section-secondary,
    body.theme-auto .wikiEditor-ui-toolbar .toolbar.section-secondary {
        background-color: #414141 !important;
        background-image: none !important;
    }
    
    /* フィルターを完全に解除 */
    html.theme-auto .wikiEditor-ui-toolbar .tabs .tab,
    body.theme-auto .wikiEditor-ui-toolbar .tabs .tab,
    html.theme-auto .wikiEditor-ui-toolbar .toolbar .tool,
    body.theme-auto .wikiEditor-ui-toolbar .toolbar .tool,
    html.theme-auto .wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
    body.theme-auto .wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
        filter: none !important;
    }
}