... | @@ -114,3 +114,21 @@ _Color Palette:_ |
... | @@ -114,3 +114,21 @@ _Color Palette:_ |
|
|
|
|
|
|
|
|
|
Этот раздел отвечает за цветовую палитру, которую предлагает Quasar Framework. Можно использовать эти цвета как переменные Sass/SCSS в своем CSS-коде, так и непосредственно как CSS-классы в своих HTML-шаблонах. Большинство цветов, которые используются в компонентах Quasar, сильно связаны с тремя основными цветами, которые можно изменить. Выбор этих цветов - первый шаг, который следует предпринять при дифференциации дизайна приложения.
|
|
Этот раздел отвечает за цветовую палитру, которую предлагает Quasar Framework. Можно использовать эти цвета как переменные Sass/SCSS в своем CSS-коде, так и непосредственно как CSS-классы в своих HTML-шаблонах. Большинство цветов, которые используются в компонентах Quasar, сильно связаны с тремя основными цветами, которые можно изменить. Выбор этих цветов - первый шаг, который следует предпринять при дифференциации дизайна приложения.
|
|
|
|
|
|
|
|
|
|
|
|
_Theme Builder:_
|
|
|
|
|
|
|
|
|
|
|
|
Этот раздел представляет собой инструмент для настройки цветовой палитры вашего приложения, созданного на Quasar Framework. С помощью этого инструмента вы можете выбрать цвета, которые будут использоваться в вашем приложении, а также экспортировать их в формате Sass/SCSS. Также на странице есть возможность выбрать темную тему для вашего приложения.
|
|
|
|
|
|
|
|
|
|
|
|
_Dark Mode:_
|
|
|
|
|
|
|
|
|
|
|
|
Этот раздел отвечает за дополнительный режим, который может использоваться для отображения темных поверхностей на пользовательском интерфейсе. Этот режим уменьшает свет, излучаемый экранами устройств, сохраняя при этом минимальные соотношения контрастности цветов для удобочитаемости. Режим Dark Mode улучшает визуальную эргономику, уменьшая напряжение глаз. Он также обеспечивает комфорт использования в ночное время или в темных условиях. Кроме того, режим Dark Mode экономит заряд батареи, особенно если экран устройства является OLED или AMOLED, что позволяет использовать устройство в течение более длительного времени без подзарядки. Режим Dark Mode устанавливает темный фон по умолчанию для страниц, а также автоматически устанавливает свойство dark для всех компонентов Quasar, которые имеют это свойство. Нет необходимости делать это вручную. Автоматическое определение работает путем просмотра медиа-запроса prefers-color-scheme: dark и является динамическим. Если браузер/платформа клиента переключается в/из режима Dark Mode во время работы вашего приложения, Quasar также обновит свой режим Dark Mode.
|
|
|
|
|
|
|
|
|
|
|
|
_Spacing:_
|
|
|
|
|
|
|
|
|
|
|
|
Этот раздел отвечает за CSS-классы, которые предоставляет Quasar Framework для упрощения работы с отступами и внутренними полями элементов DOM или компонентов. Все опции префиксированы q- и затем разбиваются на тип (T), направление (D) и размер (S). На странице приведена таблица со всеми возможными комбинациями. Классы можно использовать как переменные Sass/SCSS в CSS-коде или непосредственно как CSS-классы в HTML-шаблонах. Например, класс q-pa-sm задает небольшой отступ во всех направлениях, а класс q-mt-md q-mr-sm задает средний отступ сверху и небольшой отступ справа для компонента q-card. Кроме того, при включении опции cssAddon в quasar.config.js > framework > cssAddon: true, Quasar предоставляет версии всех CSS-классов, связанных с отступами, которые учитывают точки останова, что делает их адаптивными. |
|
|
|
\ No newline at end of file |