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
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.
Try to use custom model component for alert dialog or https://market.nativescript.org/plugins/nativescript-fancyalert alert dialog.
Related
Problem
Within the Xcode 14 IDE, I have been facing an annoying issue where the lines I am editing tint blue. I have disabled Show Source Control changes within Preferences, yet it does not remove it. I have attached an image to show you what it looks like. I really hope you can help as I am finding the blue tints everywhere in my code very distracting and annoying.
Just ignore the code - it's just to show what happens when changes are made in the editor. 😊
There's a button next to where you can show the canvas, 2 arrows pointing in opposite directions. Try pressing it.
In case if the icon mentioned in accepted answer is missing, go to View in Xcode top navigation bar and click Show Code Review.
So, basically, I can change the background color of a tag on my computer but when I open the website through and iPhone (doesn't matter if I'm using Safari or Chrome) the background color is that default gradient gray.
I also tried to do it through the javascript, didn't work.
NOTE: i am NOT talking about the menu, only about the box we see without the options below, the one that if we click it shows the menu.
I had that issue before.
Does the background have a opacity?
for example:
background-color:rgba(128, 128, 128, 0.543):
If that is the case remove the opacity. In this case it would be the 0.543
My problem is this:
I have an application and I have to decide the state of an element. The element can have two states, in position number 1 - it has black background in position number 2 - it has white background. Nothing else changes on it, nor it's size, nor it's value, nor it's name, nor it's visibility, nor it's enabled value nothing... Only it's background colour.
Imagine it like if you had a button on the screen and tapping on it changes only it's background.
Do you have any idea what could I do in order to get the state of this webelement?
If I understand it correctly , you want to identify the element with its background color. You can do that with SikuliX Java api
The easiest way is Option 2 under "How do I set up SikuliX" and here is how to use it with Java (with Maven, so you have all the dependencies)
here is a project I did with SikuliX, in case it is of any help.
I am not sure , if you are trying to do it in mobile but I think right now it can not be used with mobile devices, as mentioned in pre-requisites.
Mobile Safari uses a UIPickerView for <select> elements - I'd like to change the background color of it with CSS. As you can see in the screen shot below, it's very hard to read. What you are looking at is the State <select> form element. Changing the text color or background color of the <select> element itself doesn't fix the problem.
I thought it was related to a parent element's or its own background color - but I went up the line and changed every ancestor element's background color to white and the problem persisted. Is there a prefixed style or trick to making this GUI legible? Or maybe it's just a bug.
EDIT: The gray behind the UIPickerView is filled in by mobile Safari, since the select is almost at the bottom of the page. Mobile Safari vertically centers the select above the UIPickerView and fills in the extra space below the page with the gray. The question is, how does it determine to use that dark gray? I've tried changing the body text color, and background-color of every other element on the page to no avail.
Unfortunately, there isn't a way to do it. iOS Safari takes full control of styling select lists' internal contents. Here's a reference for verification: little link.
One way to achieve this this would be to simulate the dropdown/select menu using JavaScript.
It's not very preferable, but if you absolutely require to change the default styling, then I'm afraid it's the only way to go; here's a demo that should give you an idea on how to do the simulation: another little link.
This is Very very strange bug. i don't know why but all the system button copy/cut/select .... change their colour.
BTW: in IOS 7 the button is ok.
Someone have any idea?