Trigger iOS dark keyboard from HTML input
I am writing a web app (for the iPad) which has a night mode, which inverts the colours to white text on a black background for use in low light. However, the inputs trigger the standard iOS keyboard, which is glaringly bright. I already know how to trigger the numeric keyboard, but is there a way to suggest to mobile Safari to present the dark keyboard instead of the light one?
html ios css keyboard
add a comment |
I am writing a web app (for the iPad) which has a night mode, which inverts the colours to white text on a black background for use in low light. However, the inputs trigger the standard iOS keyboard, which is glaringly bright. I already know how to trigger the numeric keyboard, but is there a way to suggest to mobile Safari to present the dark keyboard instead of the light one?
html ios css keyboard
I don't think that is possible.
– Narendra Mongiya
Dec 24 at 2:53
It's not possible. (You can only hope that iOS will be updated with support for dark mode in the future like they did with Mohave.)
– B Roy Dawson
Dec 26 at 22:02
If iOS doesn't supports dark one, then you'll have to make one yourself!
– rv7
2 days ago
add a comment |
I am writing a web app (for the iPad) which has a night mode, which inverts the colours to white text on a black background for use in low light. However, the inputs trigger the standard iOS keyboard, which is glaringly bright. I already know how to trigger the numeric keyboard, but is there a way to suggest to mobile Safari to present the dark keyboard instead of the light one?
html ios css keyboard
I am writing a web app (for the iPad) which has a night mode, which inverts the colours to white text on a black background for use in low light. However, the inputs trigger the standard iOS keyboard, which is glaringly bright. I already know how to trigger the numeric keyboard, but is there a way to suggest to mobile Safari to present the dark keyboard instead of the light one?
html ios css keyboard
html ios css keyboard
asked Nov 20 '15 at 12:13
Simon
1014
1014
I don't think that is possible.
– Narendra Mongiya
Dec 24 at 2:53
It's not possible. (You can only hope that iOS will be updated with support for dark mode in the future like they did with Mohave.)
– B Roy Dawson
Dec 26 at 22:02
If iOS doesn't supports dark one, then you'll have to make one yourself!
– rv7
2 days ago
add a comment |
I don't think that is possible.
– Narendra Mongiya
Dec 24 at 2:53
It's not possible. (You can only hope that iOS will be updated with support for dark mode in the future like they did with Mohave.)
– B Roy Dawson
Dec 26 at 22:02
If iOS doesn't supports dark one, then you'll have to make one yourself!
– rv7
2 days ago
I don't think that is possible.
– Narendra Mongiya
Dec 24 at 2:53
I don't think that is possible.
– Narendra Mongiya
Dec 24 at 2:53
It's not possible. (You can only hope that iOS will be updated with support for dark mode in the future like they did with Mohave.)
– B Roy Dawson
Dec 26 at 22:02
It's not possible. (You can only hope that iOS will be updated with support for dark mode in the future like they did with Mohave.)
– B Roy Dawson
Dec 26 at 22:02
If iOS doesn't supports dark one, then you'll have to make one yourself!
– rv7
2 days ago
If iOS doesn't supports dark one, then you'll have to make one yourself!
– rv7
2 days ago
add a comment |
2 Answers
2
active
oldest
votes
Unfortunately the appearance of the keyboard depends entirely on the user, there is no way to change the appearance of the keyboard in ios, what you can do is wait for a future update to have this addition, but for the apple system used to be very closed I think it is unlikely
Edit: you can try to make your own virtual keyboard like this one: https://gate2home.com/English-Keyboard
add a comment |
If you are using the input to get the user's credentials you might want to use the "password" type input field the keyboard triggered in that case would be dark one.
<input type="password" />
New contributor
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f33826466%2ftrigger-ios-dark-keyboard-from-html-input%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Unfortunately the appearance of the keyboard depends entirely on the user, there is no way to change the appearance of the keyboard in ios, what you can do is wait for a future update to have this addition, but for the apple system used to be very closed I think it is unlikely
Edit: you can try to make your own virtual keyboard like this one: https://gate2home.com/English-Keyboard
add a comment |
Unfortunately the appearance of the keyboard depends entirely on the user, there is no way to change the appearance of the keyboard in ios, what you can do is wait for a future update to have this addition, but for the apple system used to be very closed I think it is unlikely
Edit: you can try to make your own virtual keyboard like this one: https://gate2home.com/English-Keyboard
add a comment |
Unfortunately the appearance of the keyboard depends entirely on the user, there is no way to change the appearance of the keyboard in ios, what you can do is wait for a future update to have this addition, but for the apple system used to be very closed I think it is unlikely
Edit: you can try to make your own virtual keyboard like this one: https://gate2home.com/English-Keyboard
Unfortunately the appearance of the keyboard depends entirely on the user, there is no way to change the appearance of the keyboard in ios, what you can do is wait for a future update to have this addition, but for the apple system used to be very closed I think it is unlikely
Edit: you can try to make your own virtual keyboard like this one: https://gate2home.com/English-Keyboard
answered 2 days ago
Lucas Sanches Paranhos
31727
31727
add a comment |
add a comment |
If you are using the input to get the user's credentials you might want to use the "password" type input field the keyboard triggered in that case would be dark one.
<input type="password" />
New contributor
add a comment |
If you are using the input to get the user's credentials you might want to use the "password" type input field the keyboard triggered in that case would be dark one.
<input type="password" />
New contributor
add a comment |
If you are using the input to get the user's credentials you might want to use the "password" type input field the keyboard triggered in that case would be dark one.
<input type="password" />
New contributor
If you are using the input to get the user's credentials you might want to use the "password" type input field the keyboard triggered in that case would be dark one.
<input type="password" />
New contributor
New contributor
answered 2 days ago
Abhishek Puri
71
71
New contributor
New contributor
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f33826466%2ftrigger-ios-dark-keyboard-from-html-input%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I don't think that is possible.
– Narendra Mongiya
Dec 24 at 2:53
It's not possible. (You can only hope that iOS will be updated with support for dark mode in the future like they did with Mohave.)
– B Roy Dawson
Dec 26 at 22:02
If iOS doesn't supports dark one, then you'll have to make one yourself!
– rv7
2 days ago