MediaWiki:Dark.css

Увага: Після публікування слід очистити кеш браузера, щоб побачити зміни.

• Firefox / Safari: тримайте Shift, коли натискаєте Оновити, або натисніть Ctrl-F5 чи Ctrl-Shift-R (⌘-R на Apple Mac)
• Google Chrome: натисніть Ctrl-Shift-R (⌘-Shift-R на Apple Mac)
• Edge: тримайте Ctrl, коли натискаєте Оновити, або натисніть Ctrl-F5.

/* =========================
   Темна тема (з шапкою і вкладками)
   ========================= */

/* Фон всього body та html */
html, body {
    background-color: #121212;
    color: #e0e0e0;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    min-height: 100%;
}

/* Основний контейнер вмісту */
.mw-body {
    background-color: #121212;
}

/* Основний вміст сторінки */
.mw-parser-output {
    background-color: #1c1c1c;
    padding: 20px;
    border-radius: 6px;
}

/* Шапка сайту (header) */
#mw-head {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

#mw-head h1, #mw-head h2 {
    color: #ffcc00; /* заголовки в шапці */
}

/* Панелі навігації */
#p-personal, #p-navigation, #p-tb, #p-lang, #p-cactions {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Вкладки сторінки (Головна, Обговорення, Читати, Переглядати код) */
#ca-view, #ca-talk, #ca-edit, #ca-history, #ca-viewsource, #ca-watch, #ca-unwatch {
    background-color: #1c1c1c;
    color: #e0e0e0;
    border: 1px solid #333;
    border-radius: 4px 4px 0 0;
    padding: 4px 8px;
    margin-right: 2px;
}

#ca-view a, #ca-talk a, #ca-edit a, #ca-history a, #ca-viewsource a,
#ca-watch a, #ca-unwatch a {
    color: #e0e0e0;
    text-decoration: none;
}

#ca-view a:hover, #ca-talk a:hover, #ca-edit a:hover, #ca-history a:hover,
#ca-viewsource a:hover, #ca-watch a:hover, #ca-unwatch a:hover {
    background-color: #2a2a2a;
    color: #ffcc00;
    border-radius: 4px 4px 0 0;
}

/* Активна вкладка */
#ca-view.mw-selected, #ca-talk.mw-selected, #ca-edit.mw-selected,
#ca-history.mw-selected, #ca-viewsource.mw-selected,
#ca-watch.mw-selected, #ca-unwatch.mw-selected {
    background-color: #2a2a2a;
    color: #ffcc00;
    font-weight: bold;
}

/* Таблиці */
.mw-parser-output table {
    border: 1px solid #555;
    background-color: #1c1c1c;
    color: #e0e0e0;
}

.mw-parser-output th {
    background-color: #2a2a2a;
    color: #ffcc00;
    padding: 6px;
}

.mw-parser-output td {
    background-color: #1c1c1c;
    padding: 6px;
}

/* Абзаци, списки, спани */
p, li, span {
    color: #e0e0e0;
}

/* Кнопки та форми */
button, input[type="submit"], input[type="button"] {
    background-color: #333;
    border: 1px solid #555;
    color: #e0e0e0;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background-color: #444;
}

/* Підвал сайту */
#footer {
    background-color: #121212;
    color: #888;
    padding: 10px;
}