MediaWiki:Common.css

提供: MochiuWiki : SUSE, EC, PCB

2025年11月11日 (火) 03:48時点におけるWiki (トーク | 投稿記録)による版

📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。(旧サイトでは記事を追加しておりません)

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。
/* ===================================
   WikiEditorツールバー - ライトモード時に薄い青色の背景を適用
   =================================== */

/* タブセクション(上級、特殊文字、ヘルプ) */
.wikiEditor-ui-toolbar .tabs {
    background-color: #e3f2fd !important;
    background-image: none !important;
}

/* メインツールバーセクション(太字、斜体、リンクなどのボタン) */
.wikiEditor-ui-toolbar .toolbar.section-main {
    background-color: #e3f2fd !important;
    background-image: none !important;
}

/* セカンダリツールバーセクション(プレビューボタン) */
.wikiEditor-ui-toolbar .toolbar.section-secondary {
    background-color: #e3f2fd !important;
    background-image: none !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;
}

/* 自動モードで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;
    }
}