|
|
| (同じ利用者による、間の30版が非表示) |
| 1行目: |
1行目: |
| /* ===================================
| |
| 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,
| |
| .wikiEditor-ui-toolbar .tabs .tab a,
| |
| .wikiEditor-ui-toolbar .tabs .tab span,
| |
| .wikiEditor-ui-toolbar .toolbar .tool,
| |
| .wikiEditor-ui-toolbar .toolbar .tool a,
| |
| .wikiEditor-ui-toolbar .toolbar .tool span,
| |
| .wikiEditor-ui-toolbar .toolbar .label,
| |
| .wikiEditor-ui-toolbar .toolbar .group span,
| |
| .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button,
| |
| .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button .oo-ui-labelElement-label,
| |
| .wikiEditor-ui-toolbar .oo-ui-buttonElement-button,
| |
| .wikiEditor-ui-toolbar .oo-ui-labelElement-label {
| |
| color: #1a1a1a !important;
| |
| font-weight: 500 !important;
| |
| }
| |
|
| |
| /* すべてのアイコンとボタン要素に暗いフィルターを適用 */
| |
| .wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
| |
| .wikiEditor-ui-toolbar .oo-ui-icon-bold,
| |
| .wikiEditor-ui-toolbar .oo-ui-icon-italic,
| |
| .wikiEditor-ui-toolbar .oo-ui-icon-link,
| |
| .wikiEditor-ui-toolbar .oo-ui-icon-image,
| |
| .wikiEditor-ui-toolbar .oo-ui-icon-reference,
| |
| .wikiEditor-ui-toolbar .oo-ui-icon-article,
| |
| .wikiEditor-ui-toolbar .tabs .tab,
| |
| .wikiEditor-ui-toolbar .toolbar .tool {
| |
| filter: brightness(0.2) saturate(0) !important;
| |
| }
| |
|
| |
| /* ホバー時の強調表示 */
| |
| .wikiEditor-ui-toolbar .tabs .tab:hover,
| |
| .wikiEditor-ui-toolbar .tabs .tab a:hover,
| |
| .wikiEditor-ui-toolbar .toolbar .tool:hover,
| |
| .wikiEditor-ui-toolbar .toolbar .tool a: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 .tabs .tab a,
| |
| body.theme-dark .wikiEditor-ui-toolbar .tabs .tab a,
| |
| html.theme-dark .wikiEditor-ui-toolbar .tabs .tab span,
| |
| body.theme-dark .wikiEditor-ui-toolbar .tabs .tab span,
| |
| html.theme-dark .wikiEditor-ui-toolbar .toolbar .tool,
| |
| body.theme-dark .wikiEditor-ui-toolbar .toolbar .tool,
| |
| 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 .tool span,
| |
| body.theme-dark .wikiEditor-ui-toolbar .toolbar .tool span,
| |
| html.theme-dark .wikiEditor-ui-toolbar .toolbar .label,
| |
| body.theme-dark .wikiEditor-ui-toolbar .toolbar .label,
| |
| html.theme-dark .wikiEditor-ui-toolbar .toolbar .group span,
| |
| body.theme-dark .wikiEditor-ui-toolbar .toolbar .group span,
| |
| html.theme-dark .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button,
| |
| body.theme-dark .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button,
| |
| 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,
| |
| html.theme-dark .wikiEditor-ui-toolbar .oo-ui-buttonElement-button,
| |
| body.theme-dark .wikiEditor-ui-toolbar .oo-ui-buttonElement-button,
| |
| html.theme-dark .wikiEditor-ui-toolbar .oo-ui-labelElement-label,
| |
| body.theme-dark .wikiEditor-ui-toolbar .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,
| |
| 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 {
| |
| 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 .tabs .tab a,
| |
| body.theme-auto .wikiEditor-ui-toolbar .tabs .tab a,
| |
| html.theme-auto .wikiEditor-ui-toolbar .tabs .tab span,
| |
| body.theme-auto .wikiEditor-ui-toolbar .tabs .tab span,
| |
| html.theme-auto .wikiEditor-ui-toolbar .toolbar .tool,
| |
| body.theme-auto .wikiEditor-ui-toolbar .toolbar .tool,
| |
| 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 .tool span,
| |
| body.theme-auto .wikiEditor-ui-toolbar .toolbar .tool span,
| |
| html.theme-auto .wikiEditor-ui-toolbar .toolbar .label,
| |
| body.theme-auto .wikiEditor-ui-toolbar .toolbar .label,
| |
| html.theme-auto .wikiEditor-ui-toolbar .toolbar .group span,
| |
| body.theme-auto .wikiEditor-ui-toolbar .toolbar .group span,
| |
| html.theme-auto .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button,
| |
| body.theme-auto .wikiEditor-ui-toolbar .ext-WikiEditor-realtimepreview-button,
| |
| 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,
| |
| html.theme-auto .wikiEditor-ui-toolbar .oo-ui-buttonElement-button,
| |
| body.theme-auto .wikiEditor-ui-toolbar .oo-ui-buttonElement-button,
| |
| html.theme-auto .wikiEditor-ui-toolbar .oo-ui-labelElement-label,
| |
| body.theme-auto .wikiEditor-ui-toolbar .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,
| |
| 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 {
| |
| filter: none !important;
| |
| }
| |
| }
| |
