{"id":3908,"date":"2021-06-26T03:56:49","date_gmt":"2021-06-26T09:26:49","guid":{"rendered":"https:\/\/www.questionbang.com\/blog\/?p=3908"},"modified":"2021-07-01T04:01:26","modified_gmt":"2021-07-01T09:31:26","slug":"dark-mode-support-in-questionbang-app","status":"publish","type":"post","link":"https:\/\/www.questionbang.com\/blog\/2021\/06\/26\/dark-mode-support-in-questionbang-app\/","title":{"rendered":"Dark Mode Support in Questionbang App"},"content":{"rendered":"<p>Image by <a href=\"https:\/\/pixabay.com\/users\/jmexclusives-10518280\/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=5771053\">Joseph Mucira<\/a> from <a href=\"https:\/\/pixabay.com\/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=5771053\">Pixabay<\/a><\/p>\n<p>From Wikipedia:<\/p>\n<p class=\"p1\"><em>Light-on-dark color scheme, also called black mode, dark mode, dark theme or night mode, is a <span class=\"s1\">color scheme<\/span> that uses light-colored text, icons, and <span class=\"s1\">graphical user interface elements<\/span> on a dark background and is often discussed in terms of computer <span class=\"s1\">user interface<\/span> design and <span class=\"s1\">web design<\/span>.\u00a0\u00a0<\/em><em>Some users find dark mode displays more visually appealing, and they can reduce power consumption.<\/em><\/p>\n<p>The\u00a0<a href=\"https:\/\/www.questionbang.com\/site\/doc\/questionbang-app\">Questionbang app<\/a> now supports dark mode. Both the native and web versions (3.2.3+) have a feature to toggle the color modes. A signed-in user can set dark mode through app settings &#8211; Color my app. The preferred color mode (dark or regular) will be applied when the user logs in.<\/p>\n<h3>How to turn on (or off) the dark mode?<\/h3>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/dark-mode-toggle-in-color-my-app.png\"><img class=\"size-medium wp-image-3917 alignright\" src=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/dark-mode-toggle-in-color-my-app-169x300.png\" alt=\"\" width=\"169\" height=\"300\" srcset=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/dark-mode-toggle-in-color-my-app-169x300.png 169w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/dark-mode-toggle-in-color-my-app-768x1365.png 768w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/dark-mode-toggle-in-color-my-app-576x1024.png 576w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/dark-mode-toggle-in-color-my-app.png 1080w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/menu-color-my-app.png\"><img class=\"alignright wp-image-3913 size-medium\" src=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/menu-color-my-app-169x300.png\" alt=\"Color my app menu option\" width=\"169\" height=\"300\" srcset=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/menu-color-my-app-169x300.png 169w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/menu-color-my-app-768x1365.png 768w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/menu-color-my-app-576x1024.png 576w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/menu-color-my-app.png 1080w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Open the color picker (Color my app) from the navigation menu.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/settings.png\"><img class=\"alignright wp-image-3915 size-medium\" src=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/settings-169x300.png\" alt=\"Questionbang App settings\" width=\"169\" height=\"300\" srcset=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/settings-169x300.png 169w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/settings-768x1365.png 768w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/settings-576x1024.png 576w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/settings.png 1080w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/a><\/p>\n<h3><\/h3>\n<p>Or open the settings screen &#8211; you can access this from the home screen or the navigation menu. You can find the Color my app option.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/home-screen-questionbang-app.png\"><img class=\"size-medium wp-image-3918 alignright\" src=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/home-screen-questionbang-app-169x300.png\" alt=\"Home screen Questionbang App\" width=\"169\" height=\"300\" srcset=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/home-screen-questionbang-app-169x300.png 169w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/home-screen-questionbang-app-768x1365.png 768w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/home-screen-questionbang-app-576x1024.png 576w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/home-screen-questionbang-app.png 1080w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/mock-sets-questionbang-app.png\"><img class=\"size-medium wp-image-3919 alignright\" src=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/mock-sets-questionbang-app-169x300.png\" alt=\"Mock sets in Questionbang App\" width=\"169\" height=\"300\" srcset=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/mock-sets-questionbang-app-169x300.png 169w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/mock-sets-questionbang-app-768x1365.png 768w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/mock-sets-questionbang-app-576x1024.png 576w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/mock-sets-questionbang-app.png 1080w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/a><a href=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/gkca-oneliners-questionbang-app.png\"><img class=\"size-medium wp-image-3920 alignright\" src=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/gkca-oneliners-questionbang-app-169x300.png\" alt=\"GK and CA One Liners, Questionbang App\" width=\"169\" height=\"300\" srcset=\"https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/gkca-oneliners-questionbang-app-169x300.png 169w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/gkca-oneliners-questionbang-app-768x1365.png 768w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/gkca-oneliners-questionbang-app-576x1024.png 576w, https:\/\/www.questionbang.com\/blog\/wp-content\/uploads\/2021\/07\/gkca-oneliners-questionbang-app.png 1080w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/a><\/p>\n<h3><\/h3>\n<p>Here are some dark mode samples.<\/p>\n<h3><\/h3>\n<h3><\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>Known issues<\/h3>\n<p>There are some issues with the images used in Q\/As. These may not support the dark mode. These we hope will be resolved in the future versions.<\/p>\n<p>&nbsp;<\/p>\n<p>We value your <a href=\"https:\/\/www.questionbang.com\/site\/contact\">feedback<\/a> and welcome any comments to help us serve you better.<\/p>\n<p>Happy learning!<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: right; margin-top: 0px;\"><a style=\"color: transparent; background-color: transparent; text-decoration: none;\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.questionbang.qapp\" target=\"_blank\" rel=\"noopener\"><span style=\"background-color: #ff4f4f; padding: 10px 20px; font-size: 14px; color: white; margin-bottom: 10px; font-weight: normal;\">DOWNLOAD QUESTIONBANG APP<\/span><\/a><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Image by Joseph Mucira from Pixabay From Wikipedia: Light-on-dark color scheme, also called black mode, dark mode, dark theme or night mode, is a color scheme that uses light-colored text, icons, and graphical user interface elements on a dark background and is often discussed in terms&hellip;<\/p>\n","protected":false},"author":1,"featured_media":3935,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[49,26,89,88,48,13,42,46,47,118,16,18,41,8,153,141,1,90],"tags":[161],"coauthors":[65],"_links":{"self":[{"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/posts\/3908"}],"collection":[{"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/comments?post=3908"}],"version-history":[{"count":0,"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/posts\/3908\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/media\/3935"}],"wp:attachment":[{"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/media?parent=3908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/categories?post=3908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/tags?post=3908"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.questionbang.com\/blog\/wp-json\/wp\/v2\/coauthors?post=3908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}