component:theme-toggle
Компонент кнопки переключения тёмной и светлой темы страницы. Состояние хранится в URL-параметре `toggle`. При активации подключает тему theme:dark-liminal (или указанную вами).
Рабочий пример
Пример с настроенными параметрами
Как подключить
Минимальный вариант:
[[include component:theme-toggle]]
Полный вариант со всеми параметрами:
[[include component:theme-toggle
| theme = theme:dark-liminal
| darklabel = Тёмная тема
| lightlabel = Светлая тема
| darkicon = dark_mode
| lighticon = light_mode
| color = #ffffff
| bgcolor = #1e1e2e
| bordercolor = #444466
| borderradius = 6px
| padding = 0.3em 0.8em
| buttonclass = my-class
| buttonstyle = font-weight: bold;
]]
theme
Страница темы, которая подключается при включении тёмного режима. По умолчанию: theme:dark-liminal.
darklabel / lightlabel
Текст на кнопках. По умолчанию: Тёмная тема и Светлая тема.
darkicon / lighticon
Название иконки из библиотеки Material Icons. По умолчанию: dark_mode и light_mode.
color
Цвет текста и иконок кнопок. Принимает HEX-код (#ffffff), RGB (rgb(255,255,255)) или ключевые слова CSS. По умолчанию наследуется от родителя.
bgcolor
Цвет фона кнопок. Принимает HEX-код (#1e1e2e), RGB или ключевые слова CSS. По умолчанию: transparent.
bordercolor
Цвет рамки вокруг кнопок. Принимает HEX-код (#444466). По умолчанию рамка не отображается.
borderradius
Скругление углов кнопок. Примеры: 4px, 20px, 50%. По умолчанию: 4px.
padding
Внутренние отступы кнопок. Пример: 0.3em 0.8em. По умолчанию: 0.25em 0.75em.
buttonclass
Дополнительный CSS-класс, добавляемый к обеим кнопкам. Используйте для полностью кастомной стилизации через внешний CSS.
buttonstyle
Произвольные инлайн-стили, применяемые к обеим кнопкам. Пример: font-size: 1.1em; font-weight: bold;