Cześć!
Dzisiaj dodamy własną paletę kolorów do naszego TailwindCSS 🙂
Zaczniemy od połączenia ssh lub ftp z naszym serwerem.
Następnie musimy wygenerować paletę kolorów lub przygotować kody kolorów tak abyśmy wiedzieli jak będą się nazywały.
Ja użyję do tego strony z tego linku, ułatwia pracę i generuję za nas paletę jednocześnie generując nam linię które musimy dodać.
Następnie wybieramy sobie kolor, jaki nas interesuje:
Raczej z podstawami angielskiego sobie każdy poradzi więc nie będę opisywał jakie pola nas interesują.
Następnie mamy okno w którym autor strony sam mówi co mamy wkleić i mamy tam również nasz wygenerowany kod:
Ja z racji posiadania już dwóch dodatkowych palet kolorów przeklejam tylko część, która jest poniżej:
"jasnyNiebieski": {
"50": "#F0FFFD",
"100": "#E1FFFA",
"200": "#BDFEF4",
"300": "#9FFEF0",
"400": "#7CFDEA",
"500": "#5DFDE5",
"600": "#17FCDA",
"700": "#03CFB0",
"800": "#028874",
"900": "#01473C"
}
Następnie otwieramy nasz plik tailwind.config.js i wklejamy powyższy kod, całość wygląda tak
Całość zapisujemy, przechodzimy do naszych plików php lub html i już powinno wszystko działać.
