Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jun 2002
    Posts
    72
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE Default button colors

    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:

    Background-color

    Border-color-left
    border-color-right
    border-color-top
    border-color-bottom

    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).
    If at first you don't succeed, spend more time online researching javascript!
    Beck

  • #2
    New Coder
    Join Date
    Jun 2002
    Posts
    72
    Thanks
    0
    Thanked 0 Times in 0 Posts

    wait wait wait...

    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).

    Thoughts?
    If at first you don't succeed, spend more time online researching javascript!
    Beck

  • #3
    New Coder
    Join Date
    Jan 2003
    Posts
    93
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you're talking about system colors, here is an article about that:

    Accessing the User-Defined System Colors, Part I

    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:
    Code:
    <html>
    <head>
          <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; }
    .caution,.important,.note,.tip,.warning 
    { margin: .6ex 2em; border-width: thin 0; border-style: outset; border-color: #333; background-color: white; }
    .caution *,.important *,.note *,.tip *,.warning  * { background-color: white; }
    </style>
    </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>
    </html>

  • #4
    New Coder
    Join Date
    Jun 2002
    Posts
    72
    Thanks
    0
    Thanked 0 Times in 0 Posts

    thanks

    thanks, it's kinda not what I expected, but I think it'll do. I appreciate your input, F.N.G. !
    If at first you don't succeed, spend more time online researching javascript!
    Beck


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •