Архивная документация. Выберите версию вашей установки.

Брендинг и тематика

Используйте свою индивидуальность, сохраняя при этом собственную систему дизайна пользовательского интерфейса Nuxt.

По умолчанию

Crateview использует основную палитру red пользовательского интерфейса Nuxt и нейтральную палитру zinc. Цветовой режим по умолчанию — Системный; пользователи могут выбрать «Светлый» или «Темный» независимо от вашей цветовой конфигурации.

Переменные темы времени выполнения

NUXT_PUBLIC_THEME_PRIMARY=red
NUXT_PUBLIC_THEME_NEUTRAL=zinc
NUXT_PUBLIC_THEME_RADIUS=0.5rem
NUXT_PUBLIC_THEME_FONT_FAMILY=Inter, ui-sans-serif, system-ui, sans-serif

Основная палитра поддерживает стандартные акцентные цвета Tailwind, такие как blue, emerald или violet. Нейтраль принимает slate, gray, zinc, neutral или stone. Радиус принимает неотрицательные значения px или rem. Конфигурация шрифтов выбирает стек шрифтов; сгруппируйте файлы шрифтов и объявите @font-face, если ваш шрифт не установлен на клиенте.

Перезапустите сервер после изменения переменных производственной среды. Для этих параметров времени выполнения пересборка не требуется.

Конфигурация приложения и компонентов

Значения по умолчанию определены в app/app.config.ts:

export default defineAppConfig({
  ui: { colors: { primary: 'red', neutral: 'zinc' } },
  theme: {
    radius: '0.5rem',
    fontFamily: 'Inter, ui-sans-serif, system-ui, sans-serif',
  },
})

Используйте обычную конфигурацию Nuxt пользовательского интерфейса ui для вариантов компонентов и значков. Дополнительные токены дизайна CSS и правила светлой/темной поверхности находятся в app/assets/css/main.css. Изменения исходного кода требуют перестройки рабочего приложения.

Заменить бренд

NUXT_PUBLIC_BRAND_NAME=My Registry
NUXT_PUBLIC_BRAND_LOGO_LIGHT=/my-logo.png
NUXT_PUBLIC_BRAND_LOGO_DARK=/my-logo.png
NUXT_PUBLIC_BRAND_FAVICON=/my-favicon.ico
NUXT_PUBLIC_BRAND_TITLE_TEMPLATE=%s · My Registry

Перед сборкой поместите локальные ресурсы в public/ или используйте URL-адреса ресурсов HTTP(S). Существующие дополнительные ссылки на продукт, документацию и репозиторий можно настроить с помощью соответствующих переменных NUXT_PUBLIC_BRAND_*_URL. Публичная конфигурация видна в браузере и никогда не должна содержать секретов.

Веб-сайт Crateview повторно использует метку пользовательского интерфейса реестра, настройки темы по умолчанию и имена переменных фирменного оформления. Веб-сайт поддерживается отдельно; его источник и конфигурация развертывания являются частными. Источники его документации общедоступны в crateview/docs.

Редактировать эту страницу

Аутентификация

Использование Crateview