NativeScript iOS Alert Dialog Box Button Color

Question

Have a funny issue going on and no idea where to start. I have an iOS app that's built with Nativescript & Vue and while in dark mode the button colors in dialogs are off. Sometimes they are a bright blue (which is normal and what I want), but most of the time they are a darker color blue which are really hard to see. Randomly the correct color will show, but mostly the incorrect darker and I can't seem to pattern it out - just random.

The dialog is a confirm dialog that is being called in the typical Nativescript Vue manner - nothing custom being called.

Any direction or idea why this may be happening is greatly appreciated.

Incorrect button color

Correct button color

Note: Dialog message is purposely blacked out

Are you using nativescript theme plugin? – Manoj Mar 25 '20 at 16:18 — Manoj, Mar 25 '20 at 16:18
@Manoj Yes, using the nativescript core theme – SonOfAFitz Mar 25 '20 at 17:19 — SonOfAFitz, Mar 25 '20 at 17:19

score 0 · Answer 1 · answered Mar 25 '20 at 22:06

0

Try writing Button styles at the end of your application level style sheet.

Button {
   color: blue; // any color your like
}

Unfortunately you can not have separate styles for light / dark mode yet. There is an open issue you might want to follow.

answered Mar 25 '20 at 22:06

Manoj

21,753
3
20
41

score 0 · Answer 2 · answered Mar 27 '20 at 12:20

0

Try to use custom model component for alert dialog or https://market.nativescript.org/plugins/nativescript-fancyalert alert dialog.

answered Mar 27 '20 at 12:20

FrontEnd-er

661
4
13

NativeScript iOS Alert Dialog Box Button Color

2 Answers2