+ {/* Header */}
+
+
+ Тест стилей Tailwind CSS + Shadcn/ui
+
+
+ Проверка всех основных компонентов и цветов
+
+
+
+ {/* Color Test */}
+
+
+ Цветовая палитра
+ Проверка всех основных цветов
+
+
+
+
+
Primary
+
Основной цвет
+
+
+
Secondary
+
Вторичный цвет
+
+
+
Accent
+
Акцентный цвет
+
+
+
+
+ {/* Buttons Test */}
+
+
+ Кнопки
+ Различные варианты кнопок
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Badges Test */}
+
+
+ Бейджи
+ Различные статусы и метки
+
+
+
+ Default
+ Secondary
+ Outline
+ Destructive
+
+
+
+
+ {/* Form Elements Test */}
+
+
+ Элементы формы
+ Поля ввода и лейблы
+
+
+
+
+
+
+ {/* Icons Test */}
+
+
+ Иконки
+ Lucide React иконки
+
+
+
+
+
+ Успех
+
+
+
+
+ Информация
+
+
+
+ Заказы
+
+
+
+ Клиенты
+
+
+
+ {/* Cards Test */}
+
+
+
+
+
+ Заказы
+
+ Всего заказов
+
+
+ 1,234
+
+ +20.1% с прошлого месяца
+
+
+
+
+
+
+
+
+ Клиенты
+
+ Активные клиенты
+
+
+ 456
+
+ +15.3% с прошлого месяца
+
+
+
+
+
+
+
+
+ Проблемы
+
+ Требуют внимания
+
+
+ 12
+
+ -5.2% с прошлого месяца
+
+
+
+
+
+ {/* Dark/Light Mode Test */}
+
+
+ Тема
+ Проверка адаптации к темной/светлой теме
+
+
+
+
+ Этот текст должен адаптироваться к теме
+
+
+ А этот текст должен быть приглушенным
+
+
+
+ {/* Status Message */}
+
+
+ ✅ Статус интеграции
+ Результат исправления Tailwind CSS
+
+
+
+
+
+ Tailwind CSS v4 правильно интегрирован
+
+
+
+ Shadcn/ui компоненты работают корректно
+
+
+
+ Цветовая схема применяется правильно
+
+
+
+ Поддержка темной/светлой темы активна
+
+
+