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

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

@@ Рядок 206: / Рядок 206: @@
 }
-/* Режим доступності */
+/* Контент та текст для доступності на темній темі */
-body.accessibility-mode {
+body.accessibility-mode-dark .mw-body,
-     background-color: #ffffff !important;
+body.accessibility-mode-dark .mw-parser-output {
-     color: #000000 !important;
+     background-color: #ffffff !important;  /* білий фон основного контенту */
+     color: #000000 !important;             /* чорний текст */
      font-size: 18px !important;
      line-height: 1.8 !important;
 }
-body.accessibility-mode a {
+/* Залишаємо меню темним */
+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;            /* світлий текст посилань */
+}
+/* Посилання в контенті */
+body.accessibility-mode-dark .mw-parser-output a {
      color: #1a73e8 !important;
      font-weight: bold !important;
 }
-body.accessibility-mode a:hover,
+body.accessibility-mode-dark .mw-parser-output a:hover,
-body.accessibility-mode a:focus {
+body.accessibility-mode-dark .mw-parser-output a:focus {
      color: #ff6600 !important;
      outline: 3px solid #ff6600 !important;
 }
-body.accessibility-mode button,
+/* Активні вкладки сторінки */
-body.accessibility-mode input[type="submit"],
+body.accessibility-mode-dark #ca-nstab-main.mw-selected a,
-body.accessibility-mode input[type="button"],
+body.accessibility-mode-dark #ca-nstab-talk.mw-selected a,
-body.accessibility-mode select,
+body.accessibility-mode-dark #ca-edit.mw-selected a,
-body.accessibility-mode textarea {
+body.accessibility-mode-dark #ca-viewsource.mw-selected a,
-    font-size: 16px !important;
+body.accessibility-mode-dark #ca-history.mw-selected a {
-    padding: 10px !important;
-    border: 2px solid #000 !important;
-    border-radius: 6px !important;
-}
-/* Чіткі фокуси */
-body.accessibility-mode a:focus,
-body.accessibility-mode button:focus,
-body.accessibility-mode input:focus {
-    outline: 3px solid #ff6600 !important;
-    outline-offset: 2px;
-}
-/* Підсвічування активних вкладок */
-body.accessibility-mode #ca-nstab-main.mw-selected a,
-body.accessibility-mode #ca-nstab-talk.mw-selected a,
-body.accessibility-mode #ca-edit.mw-selected a,
-body.accessibility-mode #ca-viewsource.mw-selected a,
-body.accessibility-mode #ca-history.mw-selected a {
      background-color: #0000ff !important;
      color: #ffffff !important;
      font-weight: bold;
 }