How to force angular material follow the ionic v5 dark mode switch

Question

im trying to develop my first App and i got stuck with this issue. when the device is in dark mode ionic automatically switches to dark mode as well. but the angular material doesn't change its color scheme which keeps the text dark.

Thanks is Advance.

In the scheme color in variables , change it from dark to light — Mostafa Harb, Jun 10 '20 at 06:59

score 0 · Answer 1 · answered Jun 07 '20 at 23:37

0

if you use global variables for giving color through all the app it will change when you switch and there will be no problem. the problem is with using non-ionic variables to color them.

answered Jun 07 '20 at 23:37

Mahdi Zarei

5,644
7
24
54

how do i set the ionic veriable to the angular material theme thats what i cant figure out – Jun 08 '20 at 00:03
@AlexSkiba use `mode="md"` for material design and `color="variable-name"` – Mahdi Zarei Jun 08 '20 at 00:05
@AlexSkiba how long do you use ionic? – Mahdi Zarei Jun 08 '20 at 00:06
I don’t understand your question – Jun 08 '20 at 03:06
@AlexSkiba when do you started to use ionic? a month? a year? – Mahdi Zarei Jun 08 '20 at 03:12
1

Touched it like at ionic 2 and now just starting to get back at it. I don’t see how it’s relevant to the wuestion – Jun 08 '20 at 22:23
@AlexSkiba I asked it to see how much you are familiar with ionic. – Mahdi Zarei Jun 08 '20 at 23:20
not that much i know the very basic things and trying to expand my knowledge. Should i try to set the material template with the ionic variables? – Jun 08 '20 at 23:26
@AlexSkiba the material theme is a theme that is built-in in ionic. just add `mode='md'` to your tags. and then you can use attribute color (for example: `color='primary'`) to color them. – Mahdi Zarei Jun 08 '20 at 23:31
the problem is with ios i guess i will just over write the dark mode colors i guess – Jun 09 '20 at 01:25

How to force angular material follow the ionic v5 dark mode switch

1 Answers1