|
|
| (同じ利用者による、間の29版が非表示) |
| 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;
| |
| }
| |
|
| |
| /* ===================================
| |
| ライトモード専用のスタイル
| |
| =================================== */
| |
|
| |
| /* ライトモードが明示的に指定されている場合 */
| |
| 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;
| |
| }
| |
| }
| |
