MediaWiki:Common.css
提供: MochiuWiki : SUSE, EC, PCB
📢 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: #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;
}
/* ===================================
ライトモード時のフォントとアイコンの色調整
=================================== */
/* タブのテキストを濃い黒色に */
.wikiEditor-ui-toolbar .tabs .tab a {
color: #1a1a1a !important;
font-weight: 500 !important;
}
/* ツールバーのボタンとラベルのテキストを濃い黒色に */
.wikiEditor-ui-toolbar .toolbar .tool a,
.wikiEditor-ui-toolbar .toolbar .label {
color: #1a1a1a !important;
}
/* アイコンを濃い色に（フィルターを使用して画像を暗くする） */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
filter: brightness(0.3) !important;
}
/* プレビューボタンのテキストとアイコン */
.wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button .oo-ui-labelElement-label {
color: #1a1a1a !important;
font-weight: 500 !important;
}
/* ホバー時の強調表示 */
.wikiEditor-ui-toolbar .tabs .tab a:hover,
.wikiEditor-ui-toolbar .toolbar .tool a:hover {
background-color: rgba(0, 0, 0, 0.1) !important;
color: #000000 !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 a,
body.theme-dark .wikiEditor-ui-toolbar .tabs .tab a,
html.theme-dark .wikiEditor-ui-toolbar .toolbar .tool a,
body.theme-dark .wikiEditor-ui-toolbar .toolbar .tool a,
html.theme-dark .wikiEditor-ui-toolbar .toolbar .label,
body.theme-dark .wikiEditor-ui-toolbar .toolbar .label,
html.theme-dark .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button .oo-ui-labelElement-label,
body.theme-dark .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button .oo-ui-labelElement-label {
color: #e0e0e0 !important;
}
/* ダークモード時はアイコンのフィルターを解除 */
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 a,
body.theme-auto .wikiEditor-ui-toolbar .tabs .tab a,
html.theme-auto .wikiEditor-ui-toolbar .toolbar .tool a,
body.theme-auto .wikiEditor-ui-toolbar .toolbar .tool a,
html.theme-auto .wikiEditor-ui-toolbar .toolbar .label,
body.theme-auto .wikiEditor-ui-toolbar .toolbar .label,
html.theme-auto .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button .oo-ui-labelElement-label,
body.theme-auto .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button .oo-ui-labelElement-label {
color: #e0e0e0 !important;
}
/* 自動モード（ダーク）時はアイコンのフィルターを解除 */
html.theme-auto .wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
body.theme-auto .wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
filter: none !important;
}
}
