/ Токены дизайна с учетом тем (светлые по умолчанию) / :root{ цветовая схема: светлый темный; /СВЕТ/ —bg: #ffffff; —панель: #f6f8fc; —чернила: #0b0c0f; —без звука: #556070; —слоган: #2a3b6b; / лучше на светлом фоне / —марка: #3f6fff; /индиго/ —brand-2: #22e3bb; / мятный акцент / —border: rgba(2, 6, 23, .08); —glow: rgba(63, 111, 255, .22); —радиус: 16 пикселей; / настройки освещения по умолчанию для каждого компонента / —kbd-bg: #eef2ff; —kbd-ink: #233876; —kbd-b1: #c8d4ff; —kbd-b2: #b6c6ff; —code-bg: #f4f6fb; —code-bd: #e3e9f3; —bq-bg: rgba(63,111,255,.07); —bq-ink: #1b264f; } / DARK переопределяет настройки ОС / @media (prefers-color-scheme: dark) { :root{ —bg: #0b0c0f; —панель: #0f1117; —ink: #e9eefc; —без звука: #9aa3b2; —tagline: #c6d5ff; —бренд: #5b8cff; —brand-2: #4ef2c8; —граница: rgba(255,255,255,.08); —glow: rgba(91,140,255,.25); —kbd-bg: #0c1322; —kbd-ink: #cfe0ff; —kbd-b1: #1a2742; —kbd-b2: #142138; —code-bg: #0b1220; —code-bd: #15233d; —bq-bg: rgba(91,140,255,.06); —bq-ink: #cfe0ff; } } / DARK переопределяет через переключатель сайта (HF использует html[data-theme]) / html[data-theme=»dark»], body[data-theme=»dark»]{ —bg: #0b0c0f; —панель: #0f1117; —ink: #e9eefc;…
Модальности:
Генерация текста
Области применения:
Диалог / чат
Языки программирования:
HTML/CSS
Задача: Генерация текста
Автор: gabriellarson
Теги: gguf, web-generation, html, css, tailwind-css, ui-generation, web-design, small-model
Лайков: 19 | Загрузок: 175
Описание основано на материалах HuggingFace. Перевод выполнен автоматически.
