Сколько стоят 500, 600, 700 грн. шаги в Figma для цветов - PullRequest
Новая
       72

Сколько стоят 500, 600, 700 грн. шаги в Figma для цветов

2 голосов
/ 31 марта 2020

Я хочу сделать SASS Mixins для моей цветовой схемы в стиле попутного ветра.

Для каждого цвета я хочу создать версию 400, 300, 200 и 100 и так далее.

Теперь было бы неплохо узнать, в каком процентном соотношении встречает попутный ветер.

Я ничего не нашел в inte rnet к этой проблеме.

Ответы [ 3 ]

1 голос
/ 04 апреля 2020

Я на самом деле использую https://javisperez.github.io/tailwindcolorshades/# / для генерации теней, он выдаст что-то вроде: 

  concrete: {
    100: '#FEFEFE',
    200: '#FCFCFC',
    300: '#FAFAFA',
    400: '#F6F6F6',
    500: '#F2F2F2',
    600: '#DADADA',
    700: '#919191',
    800: '#6D6D6D',
    900: '#494949',
  },

, который вы можете включить в ваш файл tailwind.config.js.

0 голосов
/ 08 апреля 2020

Я нашел этот плагин figma: https://www.figma.com/community/plugin/815578663120885543/Tailwind-Color-Generator

. Он генерирует пользовательскую цветовую палитру для использования в ваших проектах, а затем вы можете экспортировать ее в файлы S CSS. - результат должен быть таким же.

0 голосов
/ 01 апреля 2020

Все цвета Tailwind по умолчанию выбраны вручную, у них нет инструмента для создания цветовых палитр, поэтому вам придется сделать то же самое.

Из документов :

Создание пользовательских цветовых палитр

Обычный вопрос, который мы получаем: «Как создать 100–900 оттенков моих собственных пользовательских цветов?».

Плохая новость: цвет сложен, и нам еще не удалось найти инструмент, который бы хорошо справлялся с генерацией таких цветовых палитр. Мы выбрали все цвета Tailwind по умолчанию вручную, уравновешивая их на глаз. Извините!

...