Вики Сообщества
Вики Сообщества
Advertisement
Вики Сообщества
Light and dark theme

Вики-страница в светлой теме (наверху) и в тёмной теме (внизу).

Выбор между светлой и тёмной темами был представлен в FandomDesktop. Тем самым читатели и участники смогли выбирать между двумя темами. Администраторы могут выбрать разные цвета и изображения для каждой темы, а участники могут выбрать предпочитаемую тему для использования на всех вики или использовать темы, установленные администраторами вики по умолчанию.

В октябре 2022 возможность переключения между светлой и тёмной темой была добавлена на мобильные устройства для всех вики.

Как переключить тему[]

Switch theme icon on mobile

Самый быстрый способ изменить тему — нажать на кнопку переключения в правом верхнем углу. Если вы хотите переключиться на тёмную тему, то на кнопке будет изображена луна, а если на светлую — солнце.

Switch theme icon

На мобильных устройствах переключатель тем расположен на первом уровне Меню вики. Чтобы увидеть её, нажмите на кнопку-"бургер" () в правом верхнем углу страницы.

Если вы хотите сделать ваши предпочтения темы согласованными на всех вики, вы можете сделать это через настройки. Во вкладке настроек "Внешний вид" вы можете выбрать то, что посчитаете нужным: светлую тему, тёмную тему или тему по умолчанию.

Выбрав тему по умолчанию, вы будете всегда использовать ту тему, которую выбрали администраторы для своей вики без необходимости переключаться между темами. Например, выбрав эту настройку, вы будете всегда видеть светлую тему на Wookieepedia и тёмную тему на Wowpedia.

Theme preferences

Выбор темы в настройках.

Помните, что при нажатии кнопки переключения тем вы автоматически поменяете ваши настройки. Вам потребуется поменять их снова, если вы хотите выбрать тему по умолчанию.

Настройка тем[]

Через конструктор тем[]

ThemeDesigner - Theme tabs

Вкладки светлой и тёмной темы в конструкторе тем.

(Обратите внимание на галочку под вкладками, здесь по умолчанию выбрана светлая тема.)

Администраторы могут настраивать обе темы через конструктор тем. В конструкторе тем есть отдельные вкладки с отдельными настройками цветов и изображений для каждой темы. При переключении между вкладками также меняется предпросмотр страницы в соответствии с выбранной темой.

В разделе "Фон и навигация" можно загрузить фон и настроить цвета для некоторых областей. Можно добавить разные фоны для каждой темы (полезно, если изображение для одной темы не подходит для другой) или одинаковые фоны, в этом случае одно и то же фоновое изображение нужно загрузить дважды в каждой из вкладок.

В разделе "Стиль статей" можно выбрать цвета для фона статьи, элементов/кнопок и ссылок. Цвет фона статьи — ключевой элементом, определяющий впечатления от чтения в разных темах. Цвет текста на странице автоматически адаптируется, чтобы исключить проблемы с контрастностью.

Администраторы могут выбрать тему по умолчанию, поставив галочку под вкладками. Тема по умолчанию будет выбрана для анонимов и участников, выбравших тему по умолчанию в настройках.

Также обратите внимание, что сохрание изменений в одной из вкладок не сохранит их в другой. Вам потребуется нажать "Сохранить" в каждой вкладке перед выходом из конструктора тем.

Продвинутая настройка[]

Наиболее распространённой проблемой является то, что вики в теме не по умолчанию в некоторых местах оказывается нечитаемой.

Например, если текст в шаблоне расположен внутри белого блока, это может хорошо смотреться в светлой теме, где текст по-умолчанию тёмный и контрастирует с белым фоном. В тёмной же теме текст становится светлым, что делает его нечитаемым в белом блоке.

Чтобы исправить и предотвратить похожие проблемы, администраторы могут использовать CSS вики для определения стилей в каждой теме через классы .theme-fandomdesktop-light и .theme-fandomdesktop-dark (.theme-fandommobile-light и .theme-fandommobile-dark для мобильного скина). Также хорошей практикой является отказ от инлайн-стилей ("вшитых" стилей)[1] там, где это возможно.

Почему важно иметь две темы?[]

Обслуживать две темы и проверять, всё ли читабельно может звучать пугающе, а заботиться о теме не по умолчанию может казаться тривиальной задачей. Однако возможность выбрать одну тему из двух объясняется множеством причин, например нарушением зрения у читателей/участников, нахождением в тёмной/яркой среде или просто делом вкуса.

Светлая и тёмная тема представлены на всём Фэндоме, и если на одной из вики одна из тем не настроена, участники всё равно смогут её просматривать. Обращая внимание на читабельность и забота о том, чтобы ничего по крайней мере не выглядело сломанным, администраторы делают свои вики более доступными для коллег-редакторов и читателей, которые любят вики. Кроме того, администраторы могут подумать о более умном способе настройки вики, например, выбрать дневные/ночные изображения из мультфильма/сериала/фильма/игры для светлой и тёмной темы.

Если вам нужно настроить обе темы, не стесняйтесь обращаться к сотрудникам Фэндома за помощью.

См. также[]

Примечания[]

  1. То есть стилей, задаваемых прямо на вики-странице или в шаблоне, а не через CSS вики
Advertisement