<div>
Ask the users to give more information as follows:<br />
<br />
1. Model no of the tablet<br />
2. Android OS version<br />
3. Browser app used and the version. For example, are they using Chrome app. <br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2018/02_w08/1277601/Screenshot_20180223-043738.png" target="_blank" title="Chrome app details (113 KB)"><img alt="Chrome app details" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2018/02_w08/800_1277601/Screenshot_20180223-043738.png" /></a><br />
Goto Settings -&gt; App Mgr and look for the browser app being used and click it to see the version number.
</div>


Screenshot_20180223-043738.png

<div>
My users are mainly retirees and not very tech savy. &nbsp;One has said <br />
&quot;Yes Ian it was on Chrome, and on samsung. I am using a Samsung s2 tab.&quot;<br />
I can ask them for more information. It started being reported 2-3 weeks ago and seems all to be with chrome and samsung tablet.
</div>


<div>
I have just have a look of your CSS style sheet.<br />
<br />
At line 622, it says:-<br />
<br />

<pre><code class="code-1 nolinks" id="code-20-42478520-1"><span>  background-color: #0ef0a8;</span>
<span>	/*</span>
<span>  background-position: -150px -462px;</span>
<span>	*/</span>
</code></pre>
<br />
Chrome cannot resolve this color and displays the background color it as black color whereas Firefox displays the background color as white color.<br />
<br />
I am using Chrome for Desktop in Windows 7 to view your links.<br />
<br />
The difference in Chrome app on tablet and Chrome app on a smartphone is that Chrome app on a tablet will not display a mobile view by default and will render a view similar to the Chrome for Desktop.
</div>


<div>
ok thanks very much. Chrome on PC desktop is fine. So something unique about Chrome on Samsung tablet? Please advise what I should change this to to be safe on all browsers?<br />
<br />
&nbsp;background-color: #0ef0a8;
</div>


<div>
If you only want a background in white colour, why not change the colour code to #FFFFFF?<br />
<br />
<a href="https://htmlcolorcodes.com/color-chart/web-safe-color-chart/" rel="ugc">https://htmlcolorcodes.com/color-chart/web-safe-color-chart/</a><br />
<br />
Why you need #0ef0a8 at all? I do not see this colour in either mobile or desktop views.
</div>


<div>
Yes I will. This came from original designers. &nbsp;Maybe they wanted an off white? &nbsp;Not sure why they chose that. &nbsp;<br />
Also I now see from Jackie Man that it goes black &nbsp;work Windows 7 , Chrome but it is OK on my desktop Chrome Windows 10.
</div>


<div>
It is a green according to<br />
<br />
<a href="https://www.google.com.au/search?q=%230ef0a8&rlz=1C1CHBF_enAU732AU732&oq=%230ef0a8&aqs=chrome..69i57j35i39.1551j0j4&sourceid=chrome&ie=UTF-8" rel="ugc">https://www.google.com.au/search?q=%230ef0a8&rlz=1C1CHBF_enAU732AU732&oq=%230ef0a8&aqs=chrome..69i57j35i39.1551j0j4&sourceid=chrome&ie=UTF-8</a><br />
<br />
So it is not the background color of the whole page - but for some item on the page.
</div>


<div>
it is button from hover.com plugin. I will tell them to change it Thanks
</div>


<div>
Thanks for your efforts. Mystery solved
</div>


<div>
Sorry I meant it was a color from the original designer - hover over button<br />
<br />
verified-btn:hover {<br />
background-image:none;<br />
&nbsp; background-color: #0ef0a8;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/*<br />
&nbsp; background-position: -150px -462px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*/<br />
&nbsp; border: 1px solid #2e6da4;<br />
&nbsp; color: #fff;<br />
&nbsp; cursor: pointer;
</div>


<div>
Actually that explains one page.<br />
<br />
<a href="https://www.housecarers.com/housesitter-profile.cfm?mem=2145489888" rel="ugc">https://www.housecarers.com/housesitter-profile.cfm?mem=2145489888</a><br />
<br />
But the other page that was going dark background does not have background-color: #0ef0a8;<br />
<br />
<a href="https://www.housecarers.com/homeowner-profile.cfm?mem=2145650811" rel="ugc">https://www.housecarers.com/homeowner-profile.cfm?mem=2145650811</a>
</div>


<div>
Main stylesheet<br />
<a href="https://www.housecarers.com/css/main.css?v=2003" rel="ugc">https://www.housecarers.com/css/main.css?v=2003</a><br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2018/02_w09/1279251/main-css.jpg" target="_blank" title="main cs (204 KB)"><img alt="main cs" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2018/02_w09/800_1279251/main-css.jpg" /></a><br />
I have not dug deeper into your problem previously.<br />
<br />
It seems that the main stylesheet of your website has caused a problem and it affects all pages on your website.
</div>


main-css.jpg

<div>
Ok Thanks. So you are saying these two colors picked by our designers are causing chrome on some devices and desktop windows versions to result in dark backgrounds? Chrome on my windows 10 desktop is ok, but apparently not on your windows 7 desktop
</div>


<div>
Could you please explain exactly what is wrong with these two lines. Thank you for your help<br />
<br />
&nbsp;*/<br />
&nbsp;.homeSelectoractive{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color: #FFF !important;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color: #D9534F !important;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-color: #D43F3A !important;<br />
&nbsp;}<br />
<br />
I dont know why the designers did this. &nbsp;I commented out the code and it does not have impact on the website. &nbsp; Do you still have dark background after my change?, as I dont have access to chrome on Windows 7 or Chrome on Samsung tablet
</div>


<div>
I still dont have a proven solution. &nbsp;The css you mentioned was not being referenced. I commented it out. Please see if you still see the problem as I do not have access to the computer/chrome/device where it is turning dark.<br />
<br />
I have asked the moderator to reopen this . Thank you Ian
</div>


Chrome-in-Win-7.jpg

<div>
Thank you ok so removing that css has not been the solution. Is this chrome on Windows 7 as Chrome on Windows 10 is ok?
</div>


<div>
Unfortunately the suggestions so far have not resolved the problem. Visitors still report the dark background on Chrome Samsung tablets. If they switch to firefox they are ok. &nbsp;Chrome on Windows 10 desktop is fine, Though it has been reported it is dark on Windows 7 Chrome. Please help
</div>


<div>
Thank you Sam for the suggestion. I removed the rule in CSS. How does it look now on your google nexus tablet? My main.css was so big and the designers have long left the design company I had the work done. I am still finding issues in the css within my limited expertise.
</div>


<div>
Hi Ian.<br />
<br />
Sorry for the delay, but this seems to have solved your issue.<br />
<br />
Obviously be sure to check with other devices and feedback from your customers.
</div>


<div>
Thank you Sam. It works on other devices I have. I just did not have access to Chrome tablets. Thanks for the help.
</div>


<div>
Thank you for the help. That solved it
</div>


<div>
Hi Ian.<br />
<br />
No problem, glad I could help.
</div>


<div>
<div class="content wysiwyg-content">
Some HTML5 / Bootstap web pages started getting very dark background and unreadable reported by customers. On Samsung Tablets using chrome browser. &nbsp;<br />
<br />
Multiple Samsung tablet users reported this problem starting. I don't believe it is a change on our end as they pages have not been changed. They work fine on Samsung Note 8 which I have. I don't have Samsung tablet to test. The pages are fine with &nbsp;all browsers for desktop and other devices as far as I know.<br />
<br />
Please help me understand and fix how I can adjust the html / css to fix this. Or is a plugin misbehaving? I am not sure. Sorry I am not super-technical but know enough.<br />
<br />
Here are two examples of the pages getting the dark backround on Samsung tablets<br />
<br />
<a href="https://www.housecarers.com/homeowner-profile.cfm?mem=2145763446" rel="ugc">https://www.housecarers.com/homeowner-profile.cfm?mem=2145763446</a><br />
<br />
<a href="https://www.housecarers.com/housesitter-profile.cfm?mem=2145596663" rel="ugc">https://www.housecarers.com/housesitter-profile.cfm?mem=2145596663</a>
</div>
</div>


Some HTML5 / Bootstap web pages started getting very dark background and unreadable reported by customers. On Samsung Tablets using chrome browser.  

Multiple Samsung tablet users reported this problem starting. I don't believe it is a change on our end as they pages have not been changed. They work fine on Samsung Note 8 which I have. I don't have Samsung tablet to test. The pages are fine with  all browsers for desktop and other devices as far as I know.

Please help me understand and fix how I can adjust the html / css to fix this. Or is a plugin misbehaving? I am not sure. Sorry I am not super-technical but know enough.

Here are two examples of the pages getting the dark backround on Samsung tablets

https://www.housecarers.com/homeowner-profile.cfm?mem=2145763446

https://www.housecarers.com/housesitter-profile.cfm?mem=2145596663

WEb pages getting very dark background on Samsung Tablets. Other devices and desktop OK

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Bootstrap

Android is a mobile operating system developed by Google, based on the Linux kernel and designed primarily for touchscreen mobile devices such as smartphones and tablets. Android's user interface is based on direct manipulation, using touch gestures that loosely correspond to real-world actions, such as swiping, tapping and pinching, to manipulate on-screen objects, along with a virtual keyboard for text input. In addition to touchscreen devices, variants of Android are also used on notebooks, game consoles, digital cameras, televisions, automobiles and other electronics. Applications are usually developed in Java programming language using the Android software development kit (SDK), but other development environments are also available, including Delphi, Ruby and Visual Studio (using C++).

Android

A tablet computer is a mobile computer with a touchscreen display, circuitry, and battery in a single device. Tablets come equipped with sensors, including cameras, a microphone, and an accelerometer, and the touchscreen display uses the recognition of finger or stylus gestures replacing the usage of the mouse and keyboard. They usually feature on-screen, pop-up virtual keyboards for typing. Tablets may include physical buttons for basic features such as speaker volume and power, and ports for network communications and battery charging. Tablets are typically larger than smartphones or personal digital assistants.