Как изменить цвет текста в Quasar?

Я пытался

<p color = "primary">foo</p>

и

<p style = "color: primary">foo</p>

но ни то, ни другое не работает. Как сделать цвет текста primary?

<p class = "text-primary">foo</p> Ссылка — quasar.dev/style/color-palette#using-as-css-classes
James Ashok 09.05.2024 04:34
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
1
109
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

вместо

<p style = "color: primary">foo</p>

попробуй это

<p style = "color: primary;">foo</p>

или вы можете использовать что-то вроде этого:

<style>
    .primary-color {
        color: primary;
    }
</style>

<p class = "primary-color">foo</p>

однако, если у вас есть какой-либо собственный цветовой код, вам придется заменить его вот так

.primary-color {
    color: #ffffff; /* Replace #ff0000  */
}

Я думаю, что комментарий Джеймса Ашока - правильный ответ.

quant 09.05.2024 11:36

Согласно комментарию Джеймса Ашока:

<p class = "text-primary">foo</p>

Другие вопросы по теме