Mercurial Mercurial > jdk-sandbox / comparison
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
src/java.desktop/share/classes/javax/swing/plaf/nimbus/doc-files/properties.html
branchdatagramsocketimpl-branch
changeset 58678 9cf78a70fa4f
parent 52965 fcbea0fb586c
child 58679 9c3209ff7550
equal deleted inserted replaced
58677:13588c901957 58678:9cf78a70fa4f 
     1 <!doctype html>
 
     1 <!doctype html>
 
     2 <html lang="en">
 
     2 <html lang="en">
 
     3 <head>
 
     3 <head>
 
     4   <meta charset="utf-8"/>
 
     4   <meta charset="utf-8"/>
 
     5   <title>Nimbus colors</title>
 
     5   <title>Colors Used in Nimbus Look and Feel</title>
 
     6 </head>
 
     6 </head>
 
     7 <!--
 
     7 <!--
 
     8  Copyright (c) 2005, 2018, Oracle and/or its affiliates. All rights reserved.
 
     8  Copyright (c) 2005, 2019, Oracle and/or its affiliates. All rights reserved.
 
     9  DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
 
     9  DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
 
    10 
    10 
    11  This code is free software; you can redistribute it and/or modify it
 
    11  This code is free software; you can redistribute it and/or modify it
 
    12  under the terms of the GNU General Public License version 2 only, as
 
    12  under the terms of the GNU General Public License version 2 only, as
 
    13  published by the Free Software Foundation.  Oracle designates this
 
    13  published by the Free Software Foundation.  Oracle designates this
 
    29  questions.
 
    29  questions.
 
    30 -->
 
    30 -->
 
    31 
    31 
    32 <body>
 
    32 <body>
 
    33 <main role="main">
 
    33 <main role="main">
 
    34 <h1 id="primaryColors">Primary Colors</h1>
 
    34 <div class="contentContainer">
 
       
    35 <h1>Colors Used in Nimbus Look and Feel</h1>
 
       
    36 <h2 id="primaryColors">Primary Colors</h2>
 
    35 <table>
 
    37 <table>
 
    36 <caption>Primary colors used in Nimbus Look And Feel</caption>
 
    38 <caption style="display:none">Primary colors used in Nimbus Look And Feel
 
       
    39 </caption>
 
    37 <thead>
 
    40 <thead>
 
    38 <tr><th>Key</th><th>Value</th><th>Preview</th></tr>
 
    41 <tr>
 
       
    42   <th scope="col">Key</th>
 
       
    43   <th scope="col">Value</th>
 
       
    44   <th scope="col">Preview</th>
 
       
    45 </tr>
 
    39 </thead>
 
    46 </thead>
 
    40 <tbody>
 
    47 <tbody style="text-align:left">
 
    41 <tr>
 
    48 <tr>
 
    42 <td width="250"><code>control</code></td>
 
    49 <th scope="row" width="250"><code>control</code></th>
 
    43 <td><pre>#d6d9df (214,217,223)</pre></td>
 
    50 <td><pre>#d6d9df (214,217,223)</pre></td>
 
    44 
    51 <td width="100" bgcolor="#d6d9df" aria-label="Color preview">&nbsp;</td>
 
    45 <td width="100" bgcolor="#d6d9df">&nbsp;</td>
 
    52 </tr>
 
    46 </tr>
 
    53 <tr>
 
    47 <tr>
 
    54 <th scope="row" width="250"><code>info</code></th>
 
    48 <td width="250"><code>info</code></td>
 
       
    49 <td><pre>#f2f2bd (242,242,189)</pre></td>
 
    55 <td><pre>#f2f2bd (242,242,189)</pre></td>
 
    50 <td width="100" bgcolor="#f2f2bd">&nbsp;</td>
 
    56 <td width="100" bgcolor="#f2f2bd" aria-label="Color preview">&nbsp;</td>
 
    51 </tr>
 
    57 </tr>
 
    52 <tr>
 
    58 <tr>
 
    53 <td width="250"><code>nimbusAlertYellow</code></td>
 
    59 <th scope="row" width="250"><code>nimbusAlertYellow</code></th>
 
    54 <td><pre>#ffdc23 (255,220,35)</pre></td>
 
    60 <td><pre>#ffdc23 (255,220,35)</pre></td>
 
    55 <td width="100" bgcolor="#ffdc23">&nbsp;</td>
 
    61 <td width="100" bgcolor="#ffdc23" aria-label="Color preview">&nbsp;</td>
 
    56 </tr>
 
    62 </tr>
 
    57 <tr>
 
    63 <tr>
 
    58 
    64 <th scope="row" width="250"><code>nimbusBase</code></th>
 
    59 <td width="250"><code>nimbusBase</code></td>
 
       
    60 <td><pre>#33628c (51,98,140)</pre></td>
 
    65 <td><pre>#33628c (51,98,140)</pre></td>
 
    61 <td width="100" bgcolor="#33628c">&nbsp;</td>
 
    66 <td width="100" bgcolor="#33628c" aria-label="Color preview">&nbsp;</td>
 
    62 </tr>
 
    67 </tr>
 
    63 <tr>
 
    68 <tr>
 
    64 <td width="250"><code>nimbusDisabledText</code></td>
 
    69 <th scope="row" width="250"><code>nimbusDisabledText</code></th>
 
    65 <td><pre>#8e8f91 (142,143,145)</pre></td>
 
    70 <td><pre>#8e8f91 (142,143,145)</pre></td>
 
    66 <td width="100" bgcolor="#8e8f91">&nbsp;</td>
 
    71 <td width="100" bgcolor="#8e8f91" aria-label="Color preview">&nbsp;</td>
 
    67 </tr>
 
    72 </tr>
 
    68 <tr>
 
    73 <tr>
 
    69 <td width="250"><code>nimbusFocus</code></td>
 
    74 <th scope="row" width="250"><code>nimbusFocus</code></th>
 
    70 <td><pre>#73a4d1 (115,164,209)</pre></td>
 
    75 <td><pre>#73a4d1 (115,164,209)</pre></td>
 
    71 
    76 <td width="100" bgcolor="#73a4d1" aria-label="Color preview">&nbsp;</td>
 
    72 <td width="100" bgcolor="#73a4d1">&nbsp;</td>
 
    77 </tr>
 
    73 </tr>
 
    78 <tr>
 
    74 <tr>
 
    79 <th scope="row" width="250"><code>nimbusGreen</code></th>
 
    75 <td width="250"><code>nimbusGreen</code></td>
 
       
    76 <td><pre>#b0b332 (176,179,50)</pre></td>
 
    80 <td><pre>#b0b332 (176,179,50)</pre></td>
 
    77 <td width="100" bgcolor="#b0b332">&nbsp;</td>
 
    81 <td width="100" bgcolor="#b0b332" aria-label="Color preview">&nbsp;</td>
 
    78 </tr>
 
    82 </tr>
 
    79 <tr>
 
    83 <tr>
 
    80 <td width="250"><code>nimbusInfoBlue</code></td>
 
    84 <th scope="row" width="250"><code>nimbusInfoBlue</code></th>
 
    81 <td><pre>#2f5cb4 (47,92,180)</pre></td>
 
    85 <td><pre>#2f5cb4 (47,92,180)</pre></td>
 
    82 <td width="100" bgcolor="#2f5cb4">&nbsp;</td>
 
    86 <td width="100" bgcolor="#2f5cb4" aria-label="Color preview">&nbsp;</td>
 
    83 </tr>
 
    87 </tr>
 
    84 <tr>
 
    88 <tr>
 
    85 
    89 <th scope="row" width="250"><code>nimbusLightBackground</code></th>
 
    86 <td width="250"><code>nimbusLightBackground</code></td>
 
       
    87 <td><pre>#ffffff (255,255,255)</pre></td>
 
    90 <td><pre>#ffffff (255,255,255)</pre></td>
 
    88 <td width="100" bgcolor="#ffffff">&nbsp;</td>
 
    91 <td width="100" bgcolor="#ffffff" aria-label="Color preview">&nbsp;</td>
 
    89 </tr>
 
    92 </tr>
 
    90 <tr>
 
    93 <tr>
 
    91 <td width="250"><code>nimbusOrange</code></td>
 
    94 <th scope="row" width="250"><code>nimbusOrange</code></th>
 
    92 <td><pre>#bf6204 (191,98,4)</pre></td>
 
    95 <td><pre>#bf6204 (191,98,4)</pre></td>
 
    93 <td width="100" bgcolor="#bf6204">&nbsp;</td>
 
    96 <td width="100" bgcolor="#bf6204" aria-label="Color preview">&nbsp;</td>
 
    94 </tr>
 
    97 </tr>
 
    95 <tr>
 
    98 <tr>
 
    96 <td width="250"><code>nimbusRed</code></td>
 
    99 <th scope="row" width="250"><code>nimbusRed</code></th>
 
    97 <td><pre>#a92e22 (169,46,34)</pre></td>
 
   100 <td><pre>#a92e22 (169,46,34)</pre></td>
 
    98 
   101 <td width="100" bgcolor="#a92e22" aria-label="Color preview">&nbsp;</td>
 
    99 <td width="100" bgcolor="#a92e22">&nbsp;</td>
 
   102 </tr>
 
   100 </tr>
 
   103 <tr>
 
   101 <tr>
 
   104 <th scope="row" width="250"><code>nimbusSelectedText</code></th>
 
   102 <td width="250"><code>nimbusSelectedText</code></td>
 
       
   103 <td><pre>#ffffff (255,255,255)</pre></td>
 
   105 <td><pre>#ffffff (255,255,255)</pre></td>
 
   104 <td width="100" bgcolor="#ffffff">&nbsp;</td>
 
   106 <td width="100" bgcolor="#ffffff" aria-label="Color preview">&nbsp;</td>
 
   105 </tr>
 
   107 </tr>
 
   106 <tr>
 
   108 <tr>
 
   107 <td width="250"><code>nimbusSelectionBackground</code></td>
 
   109 <th scope="row" width="250"><code>nimbusSelectionBackground</code></th>
 
   108 <td><pre>#39698a (57,105,138)</pre></td>
 
   110 <td><pre>#39698a (57,105,138)</pre></td>
 
   109 <td width="100" bgcolor="#39698a">&nbsp;</td>
 
   111 <td width="100" bgcolor="#39698a" aria-label="Color preview">&nbsp;</td>
 
   110 </tr>
 
   112 </tr>
 
   111 <tr>
 
   113 <tr>
 
   112 
   114 <th scope="row" width="250"><code>text</code></th>
 
   113 <td width="250"><code>text</code></td>
 
   115 <td><pre>#000000 (0,0,0)</pre></td>
 
   114 <td><pre>#000000 (0,0,0)</pre></td>
 
   116 <td width="100" bgcolor="#000000" aria-label="Color preview">&nbsp;</td>
 
   115 <td width="100" bgcolor="#000000">&nbsp;</td>
 
       
   116 </tr>
 
   117 </tr>
 
   117 </tbody>
 
   118 </tbody>
 
   118 </table>
 
   119 </table>
 
   119 
   120 
   120 <h1 id="secondaryColors">Secondary Colors</h1>
 
   121 <h2 id="secondaryColors">Secondary Colors</h2>
 
   121 <table>
 
   122 <table>
 
   122 <caption>Secondary colors used in Nimbus Look And Feel </caption>
 
   123 <caption style="display:none">Secondary colors used in Nimbus Look And Feel
 
       
   124 </caption>
 
   123 <thead>
 
   125 <thead>
 
   124 <tr><th>Key</th><th>Value</th><th>Preview</th></tr>
 
   126 <tr>
 
       
   127   <th scope="col">Key</th>
 
       
   128   <th scope="col">Value</th>
 
       
   129   <th scope="col">Preview</th>
 
       
   130 </tr>
 
   125 </thead>
 
   131 </thead>
 
   126 <tbody>
 
   132 <tbody style="text-align:left">
 
   127 <tr>
 
   133 <tr>
 
   128 <td width="250"><code>activeCaption</code></td>
 
   134 <th scope="row" width="250"><code>activeCaption</code></th>
 
   129 
       
   130 <td><pre>#babec6 (186,190,198)</pre></td>
 
   135 <td><pre>#babec6 (186,190,198)</pre></td>
 
   131 <td width="100" bgcolor="#babec6">&nbsp;</td>
 
   136 <td width="100" bgcolor="#babec6" aria-label="Color preview">&nbsp;</td>
 
   132 </tr>
 
   137 </tr>
 
   133 <tr>
 
   138 <tr>
 
   134 <td width="250"><code>background</code></td>
 
   139 <th scope="row" width="250"><code>background</code></th>
 
   135 <td><pre>#d6d9df (214,217,223)</pre></td>
 
   140 <td><pre>#d6d9df (214,217,223)</pre></td>
 
   136 <td width="100" bgcolor="#d6d9df">&nbsp;</td>
 
   141 <td width="100" bgcolor="#d6d9df" aria-label="Color preview">&nbsp;</td>
 
   137 </tr>
 
   142 </tr>
 
   138 <tr>
 
   143 <tr>
 
   139 <td width="250"><code>controlDkShadow</code></td>
 
   144 <th scope="row" width="250"><code>controlDkShadow</code></th>
 
   140 <td><pre>#a4abb8 (164,171,184)</pre></td>
 
   145 <td><pre>#a4abb8 (164,171,184)</pre></td>
 
   141 <td width="100" bgcolor="#a4abb8">&nbsp;</td>
 
   146 <td width="100" bgcolor="#a4abb8" aria-label="Color preview">&nbsp;</td>
 
   142 
   147 </tr>
 
   143 </tr>
 
   148 <tr>
 
   144 <tr>
 
   149 <th scope="row" width="250"><code>controlHighlight</code></th>
 
   145 <td width="250"><code>controlHighlight</code></td>
 
       
   146 <td><pre>#e9ecf2 (233,236,242)</pre></td>
 
   150 <td><pre>#e9ecf2 (233,236,242)</pre></td>
 
   147 <td width="100" bgcolor="#e9ecf2">&nbsp;</td>
 
   151 <td width="100" bgcolor="#e9ecf2" aria-label="Color preview">&nbsp;</td>
 
   148 </tr>
 
   152 </tr>
 
   149 <tr>
 
   153 <tr>
 
   150 <td width="250"><code>controlLHighlight</code></td>
 
   154 <th scope="row" width="250"><code>controlLHighlight</code></th>
 
   151 <td><pre>#f7f8fa (247,248,250)</pre></td>
 
   155 <td><pre>#f7f8fa (247,248,250)</pre></td>
 
   152 <td width="100" bgcolor="#f7f8fa">&nbsp;</td>
 
   156 <td width="100" bgcolor="#f7f8fa" aria-label="Color preview">&nbsp;</td>
 
   153 </tr>
 
   157 </tr>
 
   154 <tr>
 
   158 <tr>
 
   155 <td width="250"><code>controlShadow</code></td>
 
   159 <th scope="row" width="250"><code>controlShadow</code></th>
 
   156 
       
   157 <td><pre>#ccd3e0 (204,211,224)</pre></td>
 
   160 <td><pre>#ccd3e0 (204,211,224)</pre></td>
 
   158 <td width="100" bgcolor="#ccd3e0">&nbsp;</td>
 
   161 <td width="100" bgcolor="#ccd3e0" aria-label="Color preview">&nbsp;</td>
 
   159 </tr>
 
   162 </tr>
 
   160 <tr>
 
   163 <tr>
 
   161 <td width="250"><code>controlText</code></td>
 
   164 <th scope="row" width="250"><code>controlText</code></th>
 
   162 <td><pre>#000000 (0,0,0)</pre></td>
 
   165 <td><pre>#000000 (0,0,0)</pre></td>
 
   163 <td width="100" bgcolor="#000000">&nbsp;</td>
 
   166 <td width="100" bgcolor="#000000" aria-label="Color preview">&nbsp;</td>
 
   164 </tr>
 
   167 </tr>
 
   165 <tr>
 
   168 <tr>
 
   166 <td width="250"><code>desktop</code></td>
 
   169 <th scope="row" width="250"><code>desktop</code></th>
 
   167 <td><pre>#3d6079 (61,96,121)</pre></td>
 
   170 <td><pre>#3d6079 (61,96,121)</pre></td>
 
   168 <td width="100" bgcolor="#3d6079">&nbsp;</td>
 
   171 <td width="100" bgcolor="#3d6079" aria-label="Color preview">&nbsp;</td>
 
   169 
   172 </tr>
 
   170 </tr>
 
   173 <tr>
 
   171 <tr>
 
   174 <th scope="row" width="250"><code>inactiveCaption</code></th>
 
   172 <td width="250"><code>inactiveCaption</code></td>
 
       
   173 <td><pre>#bdc1c8 (189,193,200)</pre></td>
 
   175 <td><pre>#bdc1c8 (189,193,200)</pre></td>
 
   174 <td width="100" bgcolor="#bdc1c8">&nbsp;</td>
 
   176 <td width="100" bgcolor="#bdc1c8" aria-label="Color preview">&nbsp;</td>
 
   175 </tr>
 
   177 </tr>
 
   176 <tr>
 
   178 <tr>
 
   177 <td width="250"><code>infoText</code></td>
 
   179 <th scope="row" width="250"><code>infoText</code></th>
 
   178 <td><pre>#000000 (0,0,0)</pre></td>
 
   180 <td><pre>#000000 (0,0,0)</pre></td>
 
   179 <td width="100" bgcolor="#000000">&nbsp;</td>
 
   181 <td width="100" bgcolor="#000000" aria-label="Color preview">&nbsp;</td>
 
   180 </tr>
 
   182 </tr>
 
   181 <tr>
 
   183 <tr>
 
   182 <td width="250"><code>menu</code></td>
 
   184 <th scope="row" width="250"><code>menu</code></th>
 
   183 
       
   184 <td><pre>#edeff2 (237,239,242)</pre></td>
 
   185 <td><pre>#edeff2 (237,239,242)</pre></td>
 
   185 <td width="100" bgcolor="#edeff2">&nbsp;</td>
 
   186 <td width="100" bgcolor="#edeff2" aria-label="Color preview">&nbsp;</td>
 
   186 </tr>
 
   187 </tr>
 
   187 <tr>
 
   188 <tr>
 
   188 <td width="250"><code>menuText</code></td>
 
   189 <th scope="row" width="250"><code>menuText</code></th>
 
   189 <td><pre>#000000 (0,0,0)</pre></td>
 
   190 <td><pre>#000000 (0,0,0)</pre></td>
 
   190 <td width="100" bgcolor="#000000">&nbsp;</td>
 
   191 <td width="100" bgcolor="#000000" aria-label="Color preview">&nbsp;</td>
 
   191 </tr>
 
   192 </tr>
 
   192 <tr>
 
   193 <tr>
 
   193 <td width="250"><code>nimbusBlueGrey</code></td>
 
   194 <th scope="row" width="250"><code>nimbusBlueGrey</code></th>
 
   194 <td><pre>#a9b0be (169,176,190)</pre></td>
 
   195 <td><pre>#a9b0be (169,176,190)</pre></td>
 
   195 <td width="100" bgcolor="#a9b0be">&nbsp;</td>
 
   196 <td width="100" bgcolor="#a9b0be" aria-label="Color preview">&nbsp;</td>
 
   196 
   197 </tr>
 
   197 </tr>
 
   198 <tr>
 
   198 <tr>
 
   199 <th scope="row" width="250"><code>nimbusBorder</code></th>
 
   199 <td width="250"><code>nimbusBorder</code></td>
 
       
   200 <td><pre>#9297a1 (146,151,161)</pre></td>
 
   200 <td><pre>#9297a1 (146,151,161)</pre></td>
 
   201 <td width="100" bgcolor="#9297a1">&nbsp;</td>
 
   201 <td width="100" bgcolor="#9297a1" aria-label="Color preview">&nbsp;</td>
 
   202 </tr>
 
   202 </tr>
 
   203 <tr>
 
   203 <tr>
 
   204 <td width="250"><code>nimbusSelection</code></td>
 
   204 <th scope="row" width="250"><code>nimbusSelection</code></th>
 
   205 <td><pre>#39698a (57,105,138)</pre></td>
 
   205 <td><pre>#39698a (57,105,138)</pre></td>
 
   206 <td width="100" bgcolor="#39698a">&nbsp;</td>
 
   206 <td width="100" bgcolor="#39698a" aria-label="Color preview">&nbsp;</td>
 
   207 </tr>
 
   207 </tr>
 
   208 <tr>
 
   208 <tr>
 
   209 <td width="250"><code>scrollbar</code></td>
 
   209 <th scope="row" width="250"><code>scrollbar</code></th>
 
   210 
       
   211 <td><pre>#cdd0d5 (205,208,213)</pre></td>
 
   210 <td><pre>#cdd0d5 (205,208,213)</pre></td>
 
   212 <td width="100" bgcolor="#cdd0d5">&nbsp;</td>
 
   211 <td width="100" bgcolor="#cdd0d5" aria-label="Color preview">&nbsp;</td>
 
   213 </tr>
 
   212 </tr>
 
   214 <tr>
 
   213 <tr>
 
   215 <td width="250"><code>textBackground</code></td>
 
   214 <th scope="row" width="250"><code>textBackground</code></th>
 
   216 <td><pre>#39698a (57,105,138)</pre></td>
 
   215 <td><pre>#39698a (57,105,138)</pre></td>
 
   217 <td width="100" bgcolor="#39698a">&nbsp;</td>
 
   216 <td width="100" bgcolor="#39698a" aria-label="Color preview">&nbsp;</td>
 
   218 </tr>
 
   217 </tr>
 
   219 <tr>
 
   218 <tr>
 
   220 <td width="250"><code>textForeground</code></td>
 
   219 <th scope="row" width="250"><code>textForeground</code></th>
 
   221 <td><pre>#000000 (0,0,0)</pre></td>
 
   220 <td><pre>#000000 (0,0,0)</pre></td>
 
   222 <td width="100" bgcolor="#000000">&nbsp;</td>
 
   221 <td width="100" bgcolor="#000000" aria-label="Color preview">&nbsp;</td>
 
   223 
   222 </tr>
 
   224 </tr>
 
   223 <tr>
 
   225 <tr>
 
   224 <th scope="row" width="250"><code>textHighlight</code></th>
 
   226 <td width="250"><code>textHighlight</code></td>
 
   225 <td><pre>#39698a (57,105,138)</pre></td>
 
   227 <td><pre>#39698a (57,105,138)</pre></td>
 
   226 <td width="100" bgcolor="#39698a" aria-label="Color preview">&nbsp;</td>
 
   228 <td width="100" bgcolor="#39698a">&nbsp;</td>
 
   227 </tr>
 
   229 </tr>
 
   228 <tr>
 
   230 <tr>
 
   229 <th scope="row" width="250"><code>textHighlightText</code></th>
 
   231 <td width="250"><code>textHighlightText</code></td>
 
       
   232 <td><pre>#ffffff (255,255,255)</pre></td>
 
   230 <td><pre>#ffffff (255,255,255)</pre></td>
 
   233 <td width="100" bgcolor="#ffffff">&nbsp;</td>
 
   231 <td width="100" bgcolor="#ffffff" aria-label="Color preview">&nbsp;</td>
 
   234 </tr>
 
   232 </tr>
 
   235 <tr>
 
   233 <tr>
 
   236 <td width="250"><code>textInactiveText</code></td>
 
   234 <th scope="row" width="250"><code>textInactiveText</code></th>
 
   237 
       
   238 <td><pre>#8e8f91 (142,143,145)</pre></td>
 
   235 <td><pre>#8e8f91 (142,143,145)</pre></td>
 
   239 <td width="100" bgcolor="#8e8f91">&nbsp;</td>
 
   236 <td width="100" bgcolor="#8e8f91" aria-label="Color preview">&nbsp;</td>
 
   240 </tr>
 
   237 </tr>
 
   241 </tbody>
 
   238 </tbody>
 
   242 </table>
 
   239 </table>
 
       
   240 </div>
 
   243 </main>
 
   241 </main>
 
   244 </body>
 
   242 </body>
 
   245 </html>
 
   243 </html>
jdk-sandbox