Input fields unreadable with dark system theme

David_C_Rankin 2009-05-20 22:47:31 UTC #1

Ralf, all,

I can't recall if I addressed this before or not, but in KDE if using a dark

theme, the input dialogs in egroupware are almost unreadable. I think I know
where egw is pulling it colors from, I just don’t know how to tell egw not to
do it.

Here is a screenshot of my egw login when I am using a dark kde theme:

http://www.3111skyline.com/download/screenshots/egw/input-darktheme.jpg

From comparing color rgb values (with color chooser) it is apparent that egw

is (or maybe the browser by default) is selecting the kde “standard
background” as the background color for input. However I don’t know where egw
is getting the ‘blue’ text color for the text itself, but it the background
color is dark, the blue is very hard to see.

After going through idots.css and tranditional.css, I finally found the

setting that controlled the login dialog color in:

It might be worth considering setting the background color of the login input

as well to keep the dark-theme problem from occurring. What says the brain
trust?

–
David C. Rankin, J.D.,P.E.
Rankin Law Firm, PLLC
510 Ochiltree Street
Nacogdoches, Texas 75961
Telephone: (936) 715-9333
Facsimile: (936) 715-9339
www.rankinlawfirm.com

Register Now for Creativity and Technology (CaT), June 3rd, NYC. CaT
is a gathering of tech-side developers & brand creativity professionals. Meet
the minds behind Google Creative Lab, Visual Complexity, Processing, &
iPhoneDevCamp asthey present alongside digital heavyweights like Barbarian
Group, R/GA, & Big Spaceship. http://www.creativitycat.com

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

David_C_Rankin 2009-05-20 23:17:42 UTC #2

On or about Wednesday 20 May 2009 at approximately 17:47:31 David C. Rankin,
J.D.,P.E. composed:

Ralf, all,

I can’t recall if I addressed this before or not, but in KDE if using a
dark theme, the input dialogs in egroupware are almost unreadable. I think
I know where egw is pulling it colors from, I just don’t know how to tell
egw not to do it.

Here is a screenshot of my egw login when I am using a dark kde theme:

http://www.3111skyline.com/download/screenshots/egw/input-darktheme.jpg

From comparing color rgb values (with color chooser) it is apparent that
egw is (or maybe the browser by default) is selecting the kde “standard
background” as the background color for input. However I don’t know where
egw is getting the ‘blue’ text color for the text itself, but it the
background color is dark, the blue is very hard to see.

After going through idots.css and tranditional.css, I finally found the
setting that controlled the login dialog color in:

a:link, a:visited, select, input, textarea {

It might be worth considering setting the background color of the login
input as well to keep the dark-theme problem from occurring. What says the
brain trust?

Ralf, all:

I cured the login input color problem as follows in idots.css:

color: #2151EF;

}

I created a new css tag for the background color to prevent problems with the

logo background:

input, textarea {
background-color: #e2e2e2;
}

Now the login is readable (I'll tweak the colors later). Here is the

screenshot:

http://www.3111skyline.com/download/screenshots/egw/input-darktheme-login-fixed.jpg

However, I still have problems with all the inputs inside egw:

http://www.3111skyline.com/download/screenshots/egw/input-darktheme-dropboxes.jpg

Which tag controls the backgrounds there? Would creating a new background for

those tags be better, if so, which elements would the background need to be
set for?

Thanks!

–
David C. Rankin, J.D.,P.E.
Rankin Law Firm, PLLC
510 Ochiltree Street
Nacogdoches, Texas 75961
Telephone: (936) 715-9333
Facsimile: (936) 715-9339
www.rankinlawfirm.com

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers

David_C_Rankin 2009-05-20 23:42:12 UTC #3

On or about Wednesday 20 May 2009 at approximately 18:17:42 David C. Rankin,
J.D.,P.E. composed:

On or about Wednesday 20 May 2009 at approximately 17:47:31 David C.
Rankin,

Ralf, all:

I cured the login input color problem as follows in idots.css:

a:link, a:visited, select, input, textarea {
color: #2151EF;
}

I created a new css tag for the background color to prevent problems with
the logo background:

input, textarea {
background-color: #e2e2e2;
}

Now the login is readable (I’ll tweak the colors later). Here is the
screenshot:

http://www.3111skyline.com/download/screenshots/egw/input-darktheme-login-f
ixed.jpg

However, I still have problems with all the inputs inside egw:

http://www.3111skyline.com/download/screenshots/egw/input-darktheme-dropbox
es.jpg

Which tag controls the backgrounds there? Would creating a new background
for those tags be better, if so, which elements would the background need
to be set for?

Thanks!

Ok, I found the needle in the haystack, fixing the following in

traditional.css will allow the egw combo-boxes, etc… to work with a dark
theme:

select,input,button
{
color: #006699;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
background-color: #ffffff;
}

It might not be a bad idea to make the background-color a default.

–
David C. Rankin, J.D.,P.E.
Rankin Law Firm, PLLC
510 Ochiltree Street
Nacogdoches, Texas 75961
Telephone: (936) 715-9333
Facsimile: (936) 715-9339
www.rankinlawfirm.com

eGroupWare-developers mailing list
eGroupWare-developers@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-developers