|
|
| Рядок 209: |
Рядок 209: |
| Режим доступності для темної теми | | Режим доступності для темної теми |
| ========================= */ | | ========================= */ |
| | | /* Контент */ |
| /* Основний контент */ | |
| body.accessibility-mode-dark .mw-body, | | body.accessibility-mode-dark .mw-body, |
| body.accessibility-mode-dark .mw-parser-output { | | body.accessibility-mode-dark .mw-parser-output { |
| background-color: #ffffff !important; /* світлий фон для контенту */
| |
| color: #000000 !important; /* чорний текст */
| |
| font-size: 18px !important;
| |
| line-height: 1.8 !important;
| |
| }
| |
|
| |
| /* Посилання в контенті */
| |
| body.accessibility-mode-dark .mw-parser-output a {
| |
| color: #1a73e8 !important;
| |
| font-weight: bold !important;
| |
| }
| |
|
| |
| body.accessibility-mode-dark .mw-parser-output a:hover,
| |
| body.accessibility-mode-dark .mw-parser-output a:focus {
| |
| color: #ff6600 !important;
| |
| outline: 3px solid #ff6600 !important;
| |
| }
| |
|
| |
| /* Форми та кнопки в контенті */
| |
| body.accessibility-mode-dark .mw-parser-output button,
| |
| body.accessibility-mode-dark .mw-parser-output input[type="submit"],
| |
| body.accessibility-mode-dark .mw-parser-output input[type="button"],
| |
| body.accessibility-mode-dark .mw-parser-output select,
| |
| body.accessibility-mode-dark .mw-parser-output textarea {
| |
| font-size: 16px !important;
| |
| padding: 10px !important;
| |
| border: 2px solid #000 !important;
| |
| border-radius: 6px !important;
| |
| background-color: #ffffff !important; | | background-color: #ffffff !important; |
| color: #000000 !important; | | color: #000000 !important; |
| } | | } |
|
| |
|
| /* Чіткі фокуси */ | | /* Меню та шапка залишаються темними */ |
| body.accessibility-mode-dark .mw-parser-output a:focus,
| |
| body.accessibility-mode-dark button:focus,
| |
| body.accessibility-mode-dark input:focus {
| |
| outline: 3px solid #ff6600 !important;
| |
| outline-offset: 2px;
| |
| }
| |
| | |
| /* Активні вкладки сторінки */
| |
| body.accessibility-mode-dark #ca-nstab-main.mw-selected a,
| |
| body.accessibility-mode-dark #ca-nstab-talk.mw-selected a,
| |
| body.accessibility-mode-dark #ca-edit.mw-selected a,
| |
| body.accessibility-mode-dark #ca-viewsource.mw-selected a,
| |
| body.accessibility-mode-dark #ca-history.mw-selected a {
| |
| background-color: #0000ff !important;
| |
| color: #ffffff !important;
| |
| font-weight: bold !important;
| |
| }
| |
| | |
| /* =========================
| |
| Меню, шапка та бокові панелі залишаються темними
| |
| ========================= */
| |
| body.accessibility-mode-dark #mw-panel, | | body.accessibility-mode-dark #mw-panel, |
| body.accessibility-mode-dark #p-personal, | | body.accessibility-mode-dark #p-personal, |
| Рядок 274: |
Рядок 224: |
| body.accessibility-mode-dark #p-cactions, | | body.accessibility-mode-dark #p-cactions, |
| body.accessibility-mode-dark #mw-head { | | body.accessibility-mode-dark #mw-head { |
| background-color: #1a1a1a !important; /* темний фон */ | | background-color: #1a1a1a !important; |
| color: #e0e0e0 !important; /* світлий текст меню */ | | color: #e0e0e0 !important; |
| } | | } |