View Full Version : IE Default button colors

04-06-2003, 12:10 PM
Just wondering if anyone knew, or at least could tell me how to determine, the default colors of buttons in IE. I know they are all some kind or gray, but what I'm searching for are exact (or ridiculously close) hexi values for:



font-color (I think this one may just be called color in the style sheet attributes)

even more important than the color, even, is just the difference in value between them, but just giving me the colors, I can figure it out.

I feel this is a legitimate posting, even though I don't really have a code question, because I'm trying to change the colors through a javascript (obviously). If I made a booboo, feel free to reprimand me apporpriately and link me to another forum.

I mean.... no PLEASE dont' make me go away... I LOVE you Guys!!! (actually, I might just be codependent).

04-06-2003, 12:13 PM
Okay, I CAN turn this into a code question!!! Hehehe...

Since I'm dealing with hexis (yah! base 16 woohoo) does anyone know offhead if there's a build-in javascript object or something for manipulating them? I'm sorta writing my own close and a buddy said that I was an idiot and that there was probably an already written collection of methods for that.

Maybe functions like

var hexidecimal = decimal.toHex();

or whatever might be out there (again, preferrably build in, but hey, external might be fun too! I'm open minded).


04-06-2003, 03:20 PM
If you're talking about system colors, here is an article about that:

Accessing the User-Defined System Colors, Part I (http://www.webreference.com/dhtml/column24/)

If you want to know the css counterparts of "Windows Appearance Settings", http://webcoder.com/* used to have a reference table (... but that site is no longer).

Since I mirrored that page for offline browsing, here's the table: :D

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Windows Appearance Settings</title><style type="text/css">
body,p,td { font: message-box; }
caption,th { font: caption; }
th { text-align: left; }
thead.sideways th { font: bold small "Arial",sans-serif; writing-mode: tb-rl; text-align: right; vertical-align: top; }
a { color: #666; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: overline; }
tt,pre { font-size: x-small; }
table,tr,th,td { font: inherit; }
p { margin: .4ex 0; }
ul,ol { margin-top: 0; margin-bottom: .4ex; }
pre { color: #333; background-color: #CCC; border: thin inset #999; margin: 0; padding: .3ex; }
h1 { color: #999; }
h2 { color: #666; }
h3 { color: #333; }
h4 { color: #000; }
h5 { color: #000; }
h6 { color: #000; }
dt { font-weight: bold; }
.title,.author { margin: 0; }
.author { font: normal x-small sans-serif; }
{ margin: .6ex 2em; border-width: thin 0; border-style: outset; border-color: #333; background-color: white; }
.caution *,.important *,.note *,.tip *,.warning * { background-color: white; }
</head><body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF"><div class="section"><div class="titlepage"><div><h2 class="title" style="clear: both"><a name="CSS2Sys.Windows"></a>Windows Appearance Settings</h2></div></div><div class="table"><p class="title"><b>Table A.1. Windows Appearance Settings</b></p><table summary="Windows Appearance Settings" border="0"><colgroup><col><col><col><col></colgroup><thead><tr><th>Appearance</th><th>Background</th><th>Foreground</th><th>Font</th></tr></thead><tbody><tr><td>3D Objects</td><td><div class="itemizedlist"><p class="title"><b>same shade</b></p><ul type="disc"><li>buttonface</li><li>threeddarkshadow</li><li>threedface</li><li>threedlightshadow</li></ul></div><div class="itemizedlist"><p class="title"><b>lighter
shade</b></p><ul type="disc"><li>buttonhighlight</li><li>scrollbar</li><li>threedhighlight</li></ul></div><div class="itemizedlist"><p class="title"><b>darker
shade</b></p><ul type="disc"><li>buttonshadow</li><li>graytext</li><li>threedshadow</li></ul></div></td><td>buttontext</td><td>-</td></tr><tr><td>Active Title Bar</td><td>activecaption</td><td>captiontext</td><td>caption</td></tr><tr><td>Active Window Border</td><td>activeborder</td><td>-</td><td>-</td></tr><tr><td>Application Background</td><td>appworkspace</td><td>-</td><td>-</td></tr><tr><td>Caption Buttons</td><td>-</td><td>-</td><td>-</td></tr><tr><td>Desktop</td><td>background</td><td>-</td><td>-</td></tr><tr><td>Icon</td><td>-</td><td>-</td><td>icon</td></tr><tr><td>Icon Spacing (Horizontal)</td><td>-</td><td>-</td><td>-</td></tr><tr><td>Icon Spacing (Vertical)</td><td>-</td><td>-</td><td>-</td></tr><tr><td>Inactive Title Bar</td><td>inactivecaption</td><td>inactivecaptiontext</td><td>caption</td></tr><tr><td>Inactive Window Border</td><td>inactiveborder</td><td>-</td><td>-</td></tr><tr><td>Menu</td><td>menu</td><td>menutext</td><td>menu</td></tr><tr><td>Message Box</td><td>-</td><td>windowtext</td><td>message-box</td></tr><tr><td>Palette Title</td><td>-</td><td>-</td><td>small-caption</td></tr><tr><td>Scrollbar</td><td>-</td><td>-</td><td>-</td></tr><tr><td>Selected Items</td><td>highlight</td><td>highlighttext</td><td>menu</td></tr><tr><td>ToolTip</td><td>infobackground</td><td>infotext</td><td>status-bar</td></tr><tr><td>Window</td><td>window</td><td>windowtext</td><td>-</td></tr></tbody></table></div><div xmlns="http://www.w3.org/1999/xhtml" class="note"><table border="0"><tr><td rowspan="2" align="center" valign="top" width="25"></td><td colspan="2" align="left" valign="top"><p xmlns="">Color 2, used to generate the gradient titlebar in Windows 2000,
is not available via CSS.</p></td></tr></table></div></div></body>

04-08-2003, 02:00 AM
thanks, it's kinda not what I expected, but I think it'll do. I appreciate your input, F.N.G. !