Оформление галочек в Тильде ограничено цветом и размером, а альтернативы галочке нет вовсе. Модификация переделывает штатный чекбокс в переключатель — обычным CSS, без скриптов и без правки разметки.
Что настраивается
- Размер переключателя (высота кружка; сам переключатель шире в 2,2 раза) и скорость переключения.
- Цвет фона в положениях «выключено» и «включено».
- Цвет кружка в тех же двух положениях.
- Обводка переключателя: толщина (0 – без обводки) и цвет.
- Где применять — на всём сайте, в одном блоке или у элементов с вашим классом.
Что учтено
- Выключенные чекбоксы видно. Недоступный переключатель приглушается и получает соответствующий курсор — раньше он выглядел как обычный.
- Кольцо фокуса остаётся. Тильда рисует его при переходе клавишей Tab, и модификация его не перебивает: оно просто повторяет форму переключателя.
- Кружок не вылезает за обводку — его размер считается от высоты переключателя, а не задан жёстко.
- Системная настройка «уменьшить движение» отключает анимацию переключения.
- Радиокнопки не затрагиваются — они остаются штатными.
- Ничего лишнего не переопределяется: Тильда сама прячет нативный чекбокс и сама задаёт отступы, эти правила модификация не дублирует.
Некодим