Тёмный
No video :(

Ionic 5 - Creating Theme Switcher (light and dark) using Angular 

Baljeet Singh
Подписаться 5 тыс.
Просмотров 12 тыс.
50% 1

In this video, we will take a look at how we can create a manual theme swither toggle that switches to light and dark theme using Ionic 5 and Angular

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

 

27 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 39   
@merenelresearch8775
@merenelresearch8775 3 года назад
Great, thank you. I actually just needed to place the dark as default so I just set in index.html Thank you very much!!!
@sriz21
@sriz21 Год назад
Thanks!
@jensuwebecker6923
@jensuwebecker6923 3 года назад
Wow, that was easy. I have a feature request for you: Please add your voice as stereo sound next time. That would be great!^^
@mbaljeetsingh
@mbaljeetsingh 3 года назад
Thanks, Forgot to change mono to stereo, will try to remember next time
@ferduno5629
@ferduno5629 3 месяца назад
Thanks mate
@likhileshsuryabhanbalpande531
@likhileshsuryabhanbalpande531 2 года назад
Very helpful! Thank you!
@mayankkataria7080
@mayankkataria7080 3 года назад
You saved my day. Thanks alot!!!
@jfmmhonca
@jfmmhonca 2 года назад
Thank you for the video, it's very useful.
@mohanedbenmansour5927
@mohanedbenmansour5927 3 года назад
thank you for this great tutorial
@mikhailpetrunenko6472
@mikhailpetrunenko6472 2 года назад
Thank you very much!
@maharshigohel1936
@maharshigohel1936 2 года назад
Thank you so much
@martinberit3558
@martinberit3558 2 года назад
Thanks a lot, Baljeet - excellent explaination. Just one question: What do we gain by using the Renderer2 ? - it worked well without it...
@mbaljeetsingh
@mbaljeetsingh 2 года назад
If you do SSR in the app, it might not work with direct Dom manipulation.
@SushantRawale
@SushantRawale 4 года назад
Thank you for the video, it's very easy. Could you please make video on sample page with login and restricting user to go back to login page from home page and vice versa?
@mbaljeetsingh
@mbaljeetsingh 4 года назад
Yes, soon
@kaniwarhannan5483
@kaniwarhannan5483 3 месяца назад
hello do you have a way to do it on react instead of angular please?
@chiefnarx
@chiefnarx 3 года назад
Great video! This didn't work for me, though. Don't we have to define the "dark"??
@chentongliew3512
@chentongliew3512 4 года назад
thanks!!! this video helps me a lot
@brunorodrigoramoslamadrid6884
@brunorodrigoramoslamadrid6884 4 года назад
how do i keep the option selected? When I refresh the page It turns back to light theme
@mbaljeetsingh
@mbaljeetsingh 4 года назад
Look into local storage
@iqbalsingh6311
@iqbalsingh6311 4 года назад
Very informative video
@mbaljeetsingh
@mbaljeetsingh 4 года назад
Thank you
@weixiangng8279
@weixiangng8279 9 дней назад
Hi if I want to make the app stays light theme eventhough my phone is set to dark theme how can I achieve that?
@mbaljeetsingh
@mbaljeetsingh 9 дней назад
You might want to save the theme state in the local storage or any other persistent storage and then read the value from there.
@munamurad4266
@munamurad4266 3 года назад
dose it work with a blank project not tabs ?
@angadsaluja3489
@angadsaluja3489 3 года назад
Thanks Jatta! Khich ke rakh!
@Besthooloo
@Besthooloo 3 года назад
Renderer2 doesn't support directly in a service so it needs to be defined the RendererFactory2 injection for working with Renderer2 otherwise it gets back a null error exception.
@jared4670
@jared4670 3 года назад
private renderer: Renderer2; constructor(rendererFactory: RendererFactory2) { this.renderer = rendererFactory.createRenderer(null, null); }
@whyneil
@whyneil 4 года назад
which extension do you use for the i-item type of autocomplete?
@mbaljeetsingh
@mbaljeetsingh 4 года назад
Search for ionic snipppets by fivethree
@johngeronimo8821
@johngeronimo8821 3 года назад
Is the state will be saved if I reload the page?
@mbaljeetsingh
@mbaljeetsingh 3 года назад
Not currently, but you can use local storage for that
@munamurad4266
@munamurad4266 2 года назад
@@mbaljeetsingh how ? please let me know
@musthagmohamed8175
@musthagmohamed8175 3 года назад
it does not work now. SAD...
@mbaljeetsingh
@mbaljeetsingh 3 года назад
It actually should, what issue are you facing.
@musthagmohamed8175
@musthagmohamed8175 3 года назад
@@mbaljeetsingh no errors... Everything works but does not change color
@prashantkumawat2070
@prashantkumawat2070 3 года назад
@@musthagmohamed8175 Yes same issue at my side
@nishanthasanjeewa4442
@nishanthasanjeewa4442 4 года назад
is it works?when reload the page?
@mbaljeetsingh
@mbaljeetsingh 4 года назад
By default no, but you can save the toggle state in the local storage and then check for its value.
Далее
Rise of the Dark Mode
4:39
Просмотров 398 тыс.
How to create a Dark Mode with Angular and TailwindCSS
5:34
СЕРЕГА ПИРАТ - TEAM SPIRIT
02:37
Просмотров 339 тыс.
Whoa
01:00
Просмотров 41 млн
What’s new in Angular v18
20:08
Просмотров 118 тыс.
Ionic 4 Theme Builder with CSS Variables
12:12
Просмотров 53 тыс.
8 DARK MODE Websites to Copy NOW
15:10
Просмотров 21 тыс.
The Truth About Facebook's "Tailwind Killer"
6:48
Просмотров 42 тыс.
React Dark Mode Toggle/Theme - Complete Guide
12:29
Просмотров 25 тыс.
СЕРЕГА ПИРАТ - TEAM SPIRIT
02:37
Просмотров 339 тыс.