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

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

@@ Рядок 206: / Рядок 206: @@
 }
-/* Контент та текст для доступності на темній темі */
+/* =========================
+   Режим доступності для темної теми
+   ========================= */
+/* Основний контент */
 body.accessibility-mode-dark .mw-body,
 body.accessibility-mode-dark .mw-parser-output {
-     background-color: #ffffff !important;  /* білий фон основного контенту */
+     background-color: #ffffff !important; /* світлий фон */
-     color: #000000 !important;             /* чорний текст */
+     color: #000000 !important;            /* чорний текст */
      font-size: 18px !important;
      line-height: 1.8 !important;
-}
-/* Залишаємо меню темним */
-body.accessibility-mode-dark #mw-panel,
-body.accessibility-mode-dark #p-personal,
-body.accessibility-mode-dark #p-navigation,
-body.accessibility-mode-dark #p-tb,
-body.accessibility-mode-dark #p-lang,
-body.accessibility-mode-dark #p-cactions {
-    background-color: #1a1a1a !important; /* темний фон меню */
-    color: #e0e0e0 !important;            /* світлий текст посилань */
 }
@@ Рядок 236: / Рядок 229: @@
      color: #ff6600 !important;
      outline: 3px solid #ff6600 !important;
+}
+/* Форми та кнопки */
+body.accessibility-mode-dark button,
+body.accessibility-mode-dark input[type="submit"],
+body.accessibility-mode-dark input[type="button"],
+body.accessibility-mode-dark select,
+body.accessibility-mode-dark textarea {
+    font-size: 16px !important;
+    padding: 10px !important;
+    border: 2px solid #000 !important;
+    border-radius: 6px !important;
+    background-color: #ffffff !important;
+    color: #000000 !important;
+}
+/* Чіткі фокуси */
+body.accessibility-mode-dark a:focus,
+body.accessibility-mode-dark button:focus,
+body.accessibility-mode-dark input:focus {
+    outline: 3px solid #ff6600 !important;
+    outline-offset: 2px;
 }
@@ Рядок 249: / Рядок 264: @@
 }
-/* Основний контент */
+/* =========================
-body.accessibility-mode-dark .mw-body,
+   Меню та шапка залишаються темними
-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-panel,
 body.accessibility-mode-dark #p-personal,
@@ Рядок 276: / Рядок 272: @@
 body.accessibility-mode-dark #p-tb,
 body.accessibility-mode-dark #p-lang,
-body.accessibility-mode-dark #p-cactions {
+body.accessibility-mode-dark #p-cactions,
-    background-color: #1a1a1a !important;
+body.accessibility-mode-dark #mw-head {
-    color: #e0e0e0 !important;
+     background-color: #1a1a1a !important; /* темний фон */
-}
+     color: #e0e0e0 !important;            /* світлий текст посилань */
-/* Активні вкладки */
-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;
 }