ColorsGen

Генератор палитры

Два алгоритма (Eva / HSL), 5 вариаций, semantic-цвета, история и экспорт JSON.

Генератор палитры

На основе алгоритма Eva Design System

Primary
Semantic Colors
Secondary
Success
Info
Warning
Danger
Text

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

Выгруженный JSON не применяется автоматически: его нужно передать модулю через опцию c3Ui.colorsFile (или c3Ui.colors), и цвета станут CSS-переменными --c3-* поверх дефолтной темы. 

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['c3-ui'],
  c3Ui: {
    colorsFile: 'assets/palette/palette.json', // { "primary": { "50": "#f5f3ff", "500": "#7c3aed" } }
  },
})

Модуль генерирует c3-ui/colors.css и подключает его после стилей библиотеки, поэтому все компоненты (включая тёмную тему .c3--dark) сразу используют новую палитру.

×