@@ Рядок 411: / Рядок 411: @@
      font-size: 16px !important;
      padding: 14px 20px !important;
+}
+/* =========================
+   МОБІЛЬНА ВЕРСІЯ (MINERVA) - ТЕМНА ТЕМА
+   ========================= */
+/* Темна тема для мобільної шапки */
+@media screen and (max-width: 768px) {
+    .header-container.header-chrome,
+    .minerva-header {
+        background-color: #1a1a1a !important;
+        border-bottom: 1px solid #333 !important;
+    }
+    .navigation-drawer {
+        background-color: #1a1a1a !important;
+    }
+    .branding-box a {
+        color: #ffffff !important;
+    }
+    /* Темна тема для мобільного підвалу */
+    .mw-footer.minerva-footer {
+        background-color: #1a1a1a !important;
+        border-top: 1px solid #333 !important;
+        color: #ffffff !important;
+    }
+    .last-modified-bar {
+        background-color: #2d2d2d !important;
+        border-color: #333 !important;
+        color: #ffffff !important;
+    }
+    .footer-content {
+        color: #cccccc !important;
+    }
+    /* Посилання в мобільному підвалі */
+    .mw-footer a {
+        color: #4da6ff !important;
+    }
+    .mw-footer a:hover {
+        color: #80bfff !important;
+    }
+    /* Кнопки меню в мобільній версії */
+    .cdx-button--weight-quiet {
+        background-color: transparent !important;
+        color: #ffffff !important;
+    }
+    /* Пошукова форма в мобільній версії */
+    .minerva-search-form input {
+        background-color: #2d2d2d !important;
+        color: #ffffff !important;
+        border-color: #444 !important;
+    }
+    /* Основний контент мобільної версії */
+    .mw-body {
+        background-color: #121212 !important;
+        color: #ffffff !important;
+    }
+    .mw-body-content {
+        background-color: #1c1c1c !important;
+        color: #ffffff !important;
+    }
+    /* Заголовки мобільної версії */
+    .firstHeading {
+        color: #ffcc00 !important;
+    }
+    /* Навігація мобільної версії */
+    .toggle-list__list {
+        background-color: #1a1a1a !important;
+    }
+    .toggle-list-item__anchor {
+        color: #ffffff !important;
+    }
+    .toggle-list-item__anchor:hover {
+        color: #ffcc00 !important;
+        background-color: #2a2a2a !important;
+    }
+}
+/* =========================
+   ЗАГАЛЬНІ СТИЛІ ДЛЯ MINERVA ТЕМИ
+   ========================= */
+/* Класи для мобільної теми Minerva */
+.skin-minerva .header-container,
+.skin-minerva .minerva-header {
+    background-color: #1a1a1a !important;
+}
+.skin-minerva .mw-footer.minerva-footer {
+    background-color: #1a1a1a !important;
+    color: #ffffff !important;
+}
+.skin-minerva .last-modified-bar {
+    background-color: #2d2d2d !important;
+}
+/* Іконки в мобільній версії */
+.minerva-icon {
+    filter: brightness(0) invert(1) !important;
+}
+/* Кнопка меню в мобільній версії */
+#mw-mf-main-menu-button {
+    background-color: transparent !important;
+    color: #ffffff !important;
+}
+/* Пошук в мобільній версії */
+.minerva-search-form {
+    background-color: #1a1a1a !important;
+}
+.minerva-search-form input {
+    background-color: #2d2d2d !important;
+    color: #ffffff !important;
+}
+/* Мобільне меню */
+#mw-mf-page-left {
+    background-color: #1a1a1a !important;
+    color: #ffffff !important;
+}
+.menu__item--home,
+.menu__item--random,
+.menu__item--login,
+.menu__item--settings {
+    color: #ffffff !important;
+}
+.menu__item--home:hover,
+.menu__item--random:hover,
+.menu__item--login:hover,
+.menu__item--settings:hover {
+    color: #ffcc00 !important;
+    background-color: #2a2a2a !important;
+}
+/* =========================
+   РЕЖИМ ДОСТУПНОСТІ ДЛЯ МОБІЛЬНОЇ ВЕРСІЇ
+   ========================= */
+@media screen and (max-width: 768px) {
+    body.accessibility-mode .header-container,
+    body.accessibility-mode .minerva-header {
+        background-color: #000000 !important;
+        border: 3px solid #ffff00 !important;
+    }
+    body.accessibility-mode .mw-footer.minerva-footer {
+        background-color: #000000 !important;
+        border: 3px solid #ffff00 !important;
+    }
+    body.accessibility-mode .toggle-list-item__anchor {
+        font-size: 18px !important;
+        padding: 15px !important;
+        border: 2px solid #ffffff !important;
+        margin: 5px 0 !important;
+    }
+    body.accessibility-mode .minerva-search-form input {
+        font-size: 18px !important;
+        padding: 15px !important;
+        border: 3px solid #ffffff !important;
+        min-height: 50px !important;
+    }
+}
+/* =========================
+   ПЕРЕМИКАННЯ МІЖ DESKTOP ТА MOBILE
+   ========================= */
+/* Посилання перемикання на десктопну версію */
+#footer-places-desktop-toggle a {
+    color: #4da6ff !important;
+    background-color: #2d2d2d !important;
+    padding: 8px 12px !important;
+    border-radius: 4px !important;
+    display: inline-block !important;
+    margin: 5px 0 !important;
+}
+#footer-places-desktop-toggle a:hover {
+    color: #80bfff !important;
+    background-color: #3d3d3d !important;
 }

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