How to make a dark theme using react | Add dark theme on react | material ui

  Рет қаралды 21,290

Code With Arjun

Code With Arjun

Күн бұрын

This video shows how to add the dark theme in React app using material ui. Dark theme is the most treding things in modern websites. So, now you can add the toggle button on your websites with the help of this tutorial. Dark mode in React application.
➡️ Facebook : www.facebook.c...
➡️ Twitter : / codesarjun
➡️ LinkedIn : / arjungautam1
➡️ Facebook Page : / codesarjun
➡️ Github : github.com/you...
➡️ Spring Boot : / 4242697249086041
➡️ Subscribe me : / @codewitharjun
➡️:React Playlist ArjunCodes :
• React Router | Router,...
➡️:Web Playlist ArjunCodes :
• Web
➡️:Github Playlist ArjunCodes :
• Github
#React #Darktheme #ArjunCodes

Пікірлер: 21
@juancarlosrodriguez1085
@juancarlosrodriguez1085 3 ай бұрын
Thanks!….very helpful tutorial!!!….
@wagnernoise
@wagnernoise Жыл бұрын
That saved my life :D Thanks!
@CodeWithArjun
@CodeWithArjun Жыл бұрын
Glad it helped!
@nagweentareq7536
@nagweentareq7536 2 жыл бұрын
thanks .. this tutorial helped me
@CodeWithArjun
@CodeWithArjun 2 жыл бұрын
Glad it was helpful for you.
@BonCheruiyot
@BonCheruiyot 4 ай бұрын
the code in yur github is not working
@sushilgyawali7880
@sushilgyawali7880 2 жыл бұрын
thanks for tutorial.
@CodeWithArjun
@CodeWithArjun 2 жыл бұрын
You're welcome
@kaioqrz
@kaioqrz Жыл бұрын
thank you so much!!!!
@CodeWithArjun
@CodeWithArjun Жыл бұрын
You're welcome!
@NazmulTheKhandoker
@NazmulTheKhandoker 2 жыл бұрын
you are great
@CodeWithArjun
@CodeWithArjun 2 жыл бұрын
Thank you so much, Be sure to susbcribe.
@dantemercurial1957
@dantemercurial1957 2 жыл бұрын
Bug scroll light in dark theme
@harishsirikoti3389
@harishsirikoti3389 Жыл бұрын
what have you done? the whole thing is done by material Ui
@CodeWithArjun
@CodeWithArjun Жыл бұрын
What you expect from me? I can’t build myself a library or framework to do that.
@iAbhijeetShukla
@iAbhijeetShukla 2 жыл бұрын
This didn't worked on header.
@CodeWithArjun
@CodeWithArjun 2 жыл бұрын
What is the exact problem?
@iAbhijeetShukla
@iAbhijeetShukla 2 жыл бұрын
@@CodeWithArjun When I click on the button then everything below the header changes its body color and text-color but header remains the same.
@Pain6944_
@Pain6944_ 6 ай бұрын
@@iAbhijeetShukla It's been two years and I know that you'd know the answer by now obviously but I'm leaving this reply here for someone who might have the same question in future: that is ig only if you are using default html tag and not the mui component. If you want your default html tags to change as well you should use the Component at the top right below your ThemeProvider. Hope this answer your question.
@iAbhijeetShukla
@iAbhijeetShukla 6 ай бұрын
@@Pain6944_ Thanks, I appreciate your reply after 2 years. Wanna Connect?
@iAbhijeetShukla
@iAbhijeetShukla 6 ай бұрын
​@@Pain6944_ Long times
How to Implement Dark Mode in React Like a Pro
29:09
Fullstack Simplified
Рет қаралды 2,5 М.
MUI V5: Themes (custom colors + fonts, dark mode, spacings, CSSbaseline)
22:50
OYUNCAK MİKROFON İLE TRAFİK LAMBASINI DEĞİŞTİRDİ 😱
00:17
Melih Taşçı
Рет қаралды 11 МЛН
У ГОРДЕЯ ПОЖАР в ОФИСЕ!
01:01
Дима Гордей
Рет қаралды 8 МЛН
Players vs Corner Flags 🤯
00:28
LE FOOT EN VIDÉO
Рет қаралды 54 МЛН
Light / Dark Mode Toggle In React Tutorial
16:02
PedroTech
Рет қаралды 99 М.
React Dark Mode Toggle/Theme - Complete Guide
12:29
Code Complete
Рет қаралды 26 М.
Unstyled Component Libraries Are A Game Changer
12:07
Web Dev Simplified
Рет қаралды 277 М.
Material UI Tutorial #6 - Custom Themes
10:24
Net Ninja
Рет қаралды 164 М.
12. Hiểu rõ cách triển khai Dark Mode & Light Mode trong MUI | ReactJS + Material UI | TrungQuanDev
35:46