MediaWiki:Dark.css: відмінності між версіями

← Попереднє редагування Наступне редагування →

@@ Рядок 207: / Рядок 207: @@
 /* =========================
-    Режим доступності для темної теми
+    УНІВЕРСАЛЬНИЙ РЕЖИМ ДОСТУПНОСТІ (для обох тем)
     ========================= */
-/* Контент */
+body.accessibility-mode {
-body.accessibility-mode-dark .mw-body,
+    /* Поліпшена типографіка */
-body.accessibility-mode-dark .mw-parser-output {
+    font-size: 18px !important;
-     background-color: #ffffff !important;
+    line-height: 1.8 !important;
-     color: #000000 !important;
+    letter-spacing: 0.5px !important;
+}
+/* Посилання в режимі доступності */
+body.accessibility-mode a {
+    color: #ff6600 !important;
+    font-weight: bold !important;
+    text-decoration: underline !important;
+}
+body.accessibility-mode a:hover,
+body.accessibility-mode a:focus {
+    color: #ff3300 !important;
+    background-color: #ffff00 !important;
+    text-decoration: none !important;
+}
+/* Кнопки та форми в режимі доступності */
+body.accessibility-mode button,
+body.accessibility-mode input[type="submit"],
+body.accessibility-mode input[type="button"],
+body.accessibility-mode select,
+body.accessibility-mode textarea {
+    font-size: 16px !important;
+    padding: 12px !important;
+    border: 3px solid #000000 !important;
+    border-radius: 8px !important;
+    min-height: 44px !important; /* Мінімальний розмір для торкання */
+}
+/* Чіткі фокуси для всіх елементів */
+body.accessibility-mode *:focus {
+    outline: 3px solid #ff6600 !important;
+    outline-offset: 2px !important;
+}
+/* Покращені контрасти для темної теми в режимі доступності */
+body.accessibility-mode .mw-body,
+body.accessibility-mode .mw-parser-output {
+     background-color: #000000 !important;
+    color: #ffffff !important;
+     border: 2px solid #ff6600 !important;
+}
+body.accessibility-mode #mw-head,
+body.accessibility-mode #p-personal,
+body.accessibility-mode #p-navigation {
+    background-color: #333333 !important;
+    border: 2px solid #ff6600 !important;
 }
-/* Меню та шапка залишаються темними */
+/* Підсвічування активних вкладок */
-body.accessibility-mode-dark #mw-panel,
+body.accessibility-mode .mw-vectorTabs .mw-selected a,
-body.accessibility-mode-dark #p-personal,
+body.accessibility-mode #ca-nstab-main.mw-selected a,
-body.accessibility-mode-dark #p-navigation,
+body.accessibility-mode #ca-nstab-talk.mw-selected a {
-body.accessibility-mode-dark #p-tb,
+     background-color: #ff6600 !important;
-body.accessibility-mode-dark #p-lang,
+     color: #000000 !important;
-body.accessibility-mode-dark #p-cactions,
+    font-weight: bold !important;
-body.accessibility-mode-dark #mw-head {
-     background-color: #1a1a1a !important;
-     color: #e0e0e0 !important;
 }