Bootstrap 5.3.0 делает упор на темный режим, настраиваемые цвета

Bootstrap 5.3.0, последняя версия веб-фреймворка CSS, JavaScript и HTML, вышла с упором на темный режим и настраиваемые цветовые режимы.

Окончательный стабильный выпуск этого обновления для платформы приложений для мобильных устройств был анонсирован 30 мая. Доступ к нему можно получить на сайте GetBootstrap.com. В этой версии ядро ​​Bootstrap было переписано, чтобы предложить «первоклассную» поддержку темного режима, который включен по умолчанию. Bootstrap также теперь поддерживает любое количество цветовых режимов для создания пользовательских тем или более тонких цветовых режимов. Стили темного режима генерируются с помощью нового color-mode() Примесь Sass, позволяющая разработчикам писать стили, характерные для определенного цветового режима. новый _variables-dark.scss тем временем таблица стилей содержит переменные Sass, специфичные для темного режима. Также в Bootstrap 5.3.0:

• Обновленная цветовая палитра включает в себя все новые переменные Sass, переменные CSS и утилиты для настройки. color, background-colorи border-color.
• Цвета переднего плана и фона были расширены, чтобы включить новые вторичные, третичные и акцентные цвета, а цвета темы были расширены, чтобы включить тонкие цвета фона.
• Улучшен стиль ссылок, добавлены новые вспомогательные функции и утилиты.
• Навигаторы имеют новые :focus_visible стили, которые лучше соответствуют пользовательским стилям фокуса кнопки.
• на основе переменных CSS border-width утилиты были возвращены для прямой установки своего свойства, как это было до версии 5.2.0. (Это позволяет избежать проблем наследования между вложенными элементами, включая таблицы.)

Двигаясь вперед, планы Bootstrap 5.4.0 предусматривают улучшение API-интерфейса утилит и соответствующего кода. Выпуски исправлений для 5.3.x запланированы для решения любых проблем в ближайшие недели.