MediaWiki:Dark.css: відмінності між версіями
Wiki (обговорення | внесок) Немає опису редагування |
Wiki (обговорення | внесок) Немає опису редагування |
||
| Рядок 205: | Рядок 205: | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* ========================= | |||
Режим доступності для темної теми | |||
========================= */ | |||
/* Основний контент */ | /* Основний контент */ | ||
body.accessibility-mode-dark .mw-body, | body.accessibility-mode-dark .mw-body, | ||
body.accessibility-mode-dark .mw-parser-output { | 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; | font-size: 18px !important; | ||
line-height: 1.8 !important; | line-height: 1.8 !important; | ||
} | } | ||
/* Посилання */ | /* Посилання в контенті */ | ||
body.accessibility-mode-dark .mw-parser-output a { | body.accessibility-mode-dark .mw-parser-output a { | ||
color: #1a73e8 !important; | color: #1a73e8 !important; | ||
| Рядок 227: | Рядок 231: | ||
} | } | ||
/* Форми та кнопки */ | /* Форми та кнопки в контенті */ | ||
body.accessibility-mode-dark button, | body.accessibility-mode-dark .mw-parser-output button, | ||
body.accessibility-mode-dark input[type="submit"], | body.accessibility-mode-dark .mw-parser-output input[type="submit"], | ||
body.accessibility-mode-dark input[type="button"], | body.accessibility-mode-dark .mw-parser-output input[type="button"], | ||
body.accessibility-mode-dark select, | body.accessibility-mode-dark .mw-parser-output select, | ||
body.accessibility-mode-dark textarea { | body.accessibility-mode-dark .mw-parser-output textarea { | ||
font-size: 16px !important; | font-size: 16px !important; | ||
padding: 10px !important; | padding: 10px !important; | ||
| Рядок 241: | Рядок 245: | ||
} | } | ||
/* | /* Чіткі фокуси */ | ||
body.accessibility-mode-dark | body.accessibility-mode-dark .mw-parser-output a:focus, | ||
body.accessibility-mode-dark button:focus, | |||
body.accessibility-mode-dark | body.accessibility-mode-dark input:focus { | ||
body.accessibility-mode-dark | outline: 3px solid #ff6600 !important; | ||
outline-offset: 2px; | |||
} | } | ||
/* Активні вкладки */ | /* Активні вкладки сторінки */ | ||
body.accessibility-mode-dark #ca-nstab-main.mw-selected a, | 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-nstab-talk.mw-selected a, | ||
| Рядок 262: | Рядок 262: | ||
color: #ffffff !important; | color: #ffffff !important; | ||
font-weight: bold !important; | font-weight: bold !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, | |||
body.accessibility-mode-dark #mw-head { | |||
background-color: #1a1a1a !important; /* темний фон */ | |||
color: #e0e0e0 !important; /* світлий текст меню */ | |||
} | } | ||