Тёмный
No video :(

Custom themes with TailwindCSS in under 9 minutes 

Built With Code
Подписаться 3,1 тыс.
Просмотров 5 тыс.
50% 1

Опубликовано:

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 28   
@tdothot1
@tdothot1 9 дней назад
Amazing .Great job
@alexdin1565
@alexdin1565 Месяц назад
bro you must change your channel name to Gold Mine , after 4 months searching on google and youtube you are the only one who save my life thanks please can you make more tutorials like this you deserve the subscribe and the like
@builtwithcode
@builtwithcode Месяц назад
Appreciate the support!
@timmyb4204
@timmyb4204 6 месяцев назад
This was very well explained and I’ve been looking to do just this very thing! Thank you very much and great work!
@builtwithcode
@builtwithcode 5 месяцев назад
Glad it was helpful!
@someone.5357
@someone.5357 Месяц назад
amazing tutorial, keep doing these!
@antoniogally7894
@antoniogally7894 20 дней назад
Thanks!
@zain_x_alpha
@zain_x_alpha 6 месяцев назад
great explanation and clear concepts thanks for it✨
@builtwithcode
@builtwithcode 5 месяцев назад
Glad it was helpful!
@DanteMishima
@DanteMishima 6 месяцев назад
3 days ago.... Pages, thank you!
@LowVi
@LowVi 27 дней назад
bro i want to use the primary of tailwind, like bg-primary-100, bg-primary-200, 300 and so forth. but i would like that primary color to be dynamic, allow the user to choose between tailwind options, like blue red green indigo cyan etc can i do that ?
@SomjitNag
@SomjitNag 3 месяца назад
any tips for combining this approach with what you showed in the dark-mode video ?
@builtwithcode
@builtwithcode 3 месяца назад
You can layer them as separate classes on your parent div (e.g., body). Then in the CSS, for each theme define light and dark styles as needed. E.g., .theme-orange {} and .theme-orange.dark {}
@kypac99
@kypac99 6 месяцев назад
Really useful video
@builtwithcode
@builtwithcode 5 месяцев назад
Glad to hear it!
@diwang625
@diwang625 5 месяцев назад
Really helpful video! By the way, could your tell me how to set up vscode to show the errors on right side of the line like your video?😁
@builtwithcode
@builtwithcode 5 месяцев назад
I use the "Error Lens" extension in vscode
@MyGeorge1964
@MyGeorge1964 5 месяцев назад
Ever heard of shadcn/ui? Good explanation of how it works...
@builtwithcode
@builtwithcode 5 месяцев назад
I'm a fan of shadcn/ui. I've got some videos coming up that'll use it, so stay tuned.
@milosvelickovic1414
@milosvelickovic1414 Месяц назад
Can this approach be applied in React, or is it only applicable in Next.js?
@builtwithcode
@builtwithcode Месяц назад
Yep this will work in normal React
@user-yi7rd8gp4k
@user-yi7rd8gp4k 6 месяцев назад
Thank you
@builtwithcode
@builtwithcode 5 месяцев назад
Thanks for stopping by, hope it was helpful
@asadmehboob1300
@asadmehboob1300 6 месяцев назад
great video, but 1 question how we will change color if our color exist in db?
@Nekoeye
@Nekoeye 6 месяцев назад
Get the value from DB, findIndex in the array, and set it as default instead of 0 in useState.
@ThangNguyen-kp1qw
@ThangNguyen-kp1qw 6 месяцев назад
Hope you can figure out how to configure font family
@builtwithcode
@builtwithcode 5 месяцев назад
You can use the exact same technique for fonts. Just setup CSS variables defining the fonts in each theme, and then in the tailwind config override the fonts instead of colors.
@user-qj4rr1rm8i
@user-qj4rr1rm8i 6 месяцев назад
I expected :has selector to follow in tailwind configs.
Далее
10 Tailwind Tricks You NEED To Know!
10:45
Просмотров 287 тыс.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Просмотров 179 тыс.
나랑 아빠가 아이스크림 먹을 때
00:15
Просмотров 4 млн
娜美这是在浪费食物 #路飞#海贼王
00:20
Dark mode with TailwindCSS in under 7 minutes
6:58
Просмотров 33 тыс.
The Advanced TailwindCSS Crash Course
37:39
Просмотров 13 тыс.
My Favorite Tailwind Tools
11:51
Просмотров 22 тыс.
Theming Tailwind with CSS Variables
27:24
Просмотров 123 тыс.
You’re doing dark mode wrong!
7:54
Просмотров 49 тыс.
8 TailwindCSS Classes I Wish I Found Earlier
4:48
Просмотров 73 тыс.
Animated gradient text with TailwindCSS
7:44
Просмотров 6 тыс.
나랑 아빠가 아이스크림 먹을 때
00:15
Просмотров 4 млн