New: XDA launches forum for app developers. Discuss coding, tools, marketing, and more.
XDA Developers Android and Mobile Development Forum
Forgot your password?
 
Post Reply+
Tip us?
 
ChodTheWacko
Old
(Last edited by ChodTheWacko; 19th November 2011 at 08:41 PM.)
#1  
Senior Member - OP
Thanks Meter 372
Posts: 1,186
Join Date: Feb 2011
Default Working with white on black

Hello Everyone,

As you all know, the Note has an AMOLED display.
Each pixel lights itself individually, so if you have an all black screen, you use basically no power at all. If you have white, then it's on at full power.

What is annoying (so to speak) is that many apps have a default of a pure white background and black text. From a power perspective, it is much better to do white text on a black background. Yes, you can turn down the brightness, but then it's just harder to read due to less contrast.

I found one method of doing white on black web browsing with opera mobile:
http://androidforums.com/samsung-cap...ml#post3028371

Instructions stolen from that post (for convenience):

1. Create a text file on the sd card with the following:

* { background-color: black ! important; color: white !important }
:link, :link * { color: #00ffff !important }
:visited, :visited * { color: #ff00ff !important }

2. Open Opera and type "opera:config" into the url field.
3. Click "Quick find" and type "css" to filter the options.
4. Tick the "User CSS" tick box
5. In the "Local CSS File" choose the css file you made earlier.
you may have to hit 'back' a bit to go up subdirectories.
6. Save your changes to the config screen.

For the most part, it does what it says.
Also If I load in text files into opera mobile, I can also read them as white on black. It takes a little getting used to, but I got used to it quickly. There are some glitches, sometimes some graphics don't show up right. (not sure why - it's usually banner stuff).

If anyone knows how to do with with other browsers, that would be good to know. The original post it claimed it worked with opera mini, but I can't find the 'full' about:config screen.
Using a color of 'Lime' seems to be better - not quite as intense as white on black, and should save even more power.

There's some interesting articles about what color/color combos are easy to read or not.
Yellow/Black is the most obnoxious and hard on the eyes, which is why it's used on warning signs!

- Frank
The Following 17 Users Say Thank You to ChodTheWacko For This Useful Post: [ Click to Expand ]
 
randomstranger99
Old
#2  
Member
Thanks Meter 2
Posts: 30
Join Date: Jan 2011
Works perfectly!

I use more traditional link colors though:

* { background: black ! important; color: white !important }
:link, :link * { color: #4289ff !important }
:visited, :visited * { color: #969bff !important }
 
ChodTheWacko
Old
#3  
Senior Member - OP
Thanks Meter 372
Posts: 1,186
Join Date: Feb 2011
Quote:
Originally Posted by randomstranger99 View Post
Works perfectly!

I use more traditional link colors though:

* { background: black ! important; color: white !important }
:link, :link * { color: #4289ff !important }
:visited, :visited * { color: #969bff !important }
Hmm, I'll try those, thanks.

I don't know why but some web page graphics don't show up.
Like on XDA, I can't see the 'reply' button (but you can click on it if you know where it is).

I tend to cross reference it with opera mini if I suspect there's a missing graphic somewhere. Most sites work fine though.

- Frank
 
randomstranger99
Old
#4  
Member
Thanks Meter 2
Posts: 30
Join Date: Jan 2011
I tried to apply the CSS to Opera Mini, but the config doesn't appear to have the same number of options as Opera Mobile does.
Do you know if browsers other than Opera Mobile can use custom styles?
 
maxh
Old
#5  
Senior Member
Thanks Meter 77
Posts: 650
Join Date: May 2006
Location: Austin
Thanks! Do you know of any way to easily toggle between this CSS and the default?
 
lj_1102
Old
#6  
Junior Member
Thanks Meter 5
Posts: 5
Join Date: Jun 2010
Quote:
Originally Posted by ChodTheWacko View Post
I don't know why but some web page graphics don't show up.
Like on XDA, I can't see the 'reply' button (but you can click on it if you know where it is).
- Frank
You have to use "background-color" instead of "background" in the css because with "background:black" you're overriding all background properties like "background-image" and "background-position" etc.
The Following 5 Users Say Thank You to lj_1102 For This Useful Post: [ Click to Expand ]
 
ChodTheWacko
Old
#7  
Senior Member - OP
Thanks Meter 372
Posts: 1,186
Join Date: Feb 2011
Quote:
Originally Posted by lj_1102 View Post
You have to use "background-color" instead of "background" in the css because with "background:black" you're overriding all background properties like "background-image" and "background-position" etc.
That's much better, thanks!

- Frank
 
maxh
Old
#8  
Senior Member
Thanks Meter 77
Posts: 650
Join Date: May 2006
Location: Austin
Any way you can easily switch between them? This morning I wanted to go back to the normal color scheme and I went back, clicked default, then save, and for some reason it was unable to find the original CSS file even though it highlighted the correct path to the original just before I hit save. I had to uninstall and reinstall Opera in order to recover the original settings.
 
ChodTheWacko
Old
#9  
Senior Member - OP
Thanks Meter 372
Posts: 1,186
Join Date: Feb 2011
Quote:
Originally Posted by maxh View Post
Any way you can easily switch between them? This morning I wanted to go back to the normal color scheme and I went back, clicked default, then save, and for some reason it was unable to find the original CSS file even though it highlighted the correct path to the original just before I hit save. I had to uninstall and reinstall Opera in order to recover the original settings.
I don't think so.
I just use opera mini if I want to see default colors.

- Frank
 
ArcticCat
Old
#10  
Senior Member
Thanks Meter 41
Posts: 381
Join Date: Feb 2003
Thank you guys ! it is exactly what I was looking for


XDA PORTAL POSTS

What’s Possible with CASUAL & How to Make Your Own CASUAL – XDA Developer TV

XDA Elite Recognized Developer AdamOutler is known … more

Pearl Chen to Talk NFC Development at XDA:DevCon 2013

From HTML to LEDs or Android to Arduino, Hardware Hacking is a pastime of many people … more

Avoid Framework Bootloops on Xperias Running Jelly Bean

If you’re a Sony device owner running a stock Android Jelly Bean firmware and … more

Forum Added for the Samsung Galaxy Mega

What do you do when the Galaxy Note line is simply not big enough? You get theSamsung Galaxy Mega. … more