1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"/> 5 <title>Colors Used in Nimbus Look and Feel</title> 6 </head> 7 <!-- 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. 10 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 13 published by the Free Software Foundation. Oracle designates this 14 particular file as subject to the "Classpath" exception as provided 15 by Oracle in the LICENSE file that accompanied this code. 16 17 This code is distributed in the hope that it will be useful, but WITHOUT 18 ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or 19 FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License 20 version 2 for more details (a copy is included in the LICENSE file that 21 accompanied this code). 22 23 You should have received a copy of the GNU General Public License version 24 2 along with this work; if not, write to the Free Software Foundation, 25 Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA. 26 27 Please contact Oracle, 500 Oracle Parkway, Redwood Shores, CA 94065 USA 28 or visit www.oracle.com if you need additional information or have any 29 questions. 30 --> 31 32 <body> 33 <main role="main"> 34 <h1>Colors Used in Nimbus Look and Feel</h1> 35 <h2 id="primaryColors">Primary Colors</h2> 36 <table> 37 <caption style="display:none">Primary colors used in Nimbus Look And Feel 38 </caption> 39 <thead> 40 <tr> 41 <th scope="col">Key</th> 42 <th scope="col">Value</th> 43 <th scope="col">Preview</th> 44 </tr> 45 </thead> 46 <tbody style="text-align:left"> 47 <tr> 48 <th scope="row" width="250"><code>control</code></th> 49 <td><pre>#d6d9df (214,217,223)</pre></td> 50 <td width="100" bgcolor="#d6d9df" aria-label="Color preview"> </td> 51 </tr> 52 <tr> 53 <th scope="row" width="250"><code>info</code></th> 54 <td><pre>#f2f2bd (242,242,189)</pre></td> 55 <td width="100" bgcolor="#f2f2bd" aria-label="Color preview"> </td> 56 </tr> 57 <tr> 58 <th scope="row" width="250"><code>nimbusAlertYellow</code></th> 59 <td><pre>#ffdc23 (255,220,35)</pre></td> 60 <td width="100" bgcolor="#ffdc23" aria-label="Color preview"> </td> 61 </tr> 62 <tr> 63 <th scope="row" width="250"><code>nimbusBase</code></th> 64 <td><pre>#33628c (51,98,140)</pre></td> 65 <td width="100" bgcolor="#33628c" aria-label="Color preview"> </td> 66 </tr> 67 <tr> 68 <th scope="row" width="250"><code>nimbusDisabledText</code></th> 69 <td><pre>#8e8f91 (142,143,145)</pre></td> 70 <td width="100" bgcolor="#8e8f91" aria-label="Color preview"> </td> 71 </tr> 72 <tr> 73 <th scope="row" width="250"><code>nimbusFocus</code></th> 74 <td><pre>#73a4d1 (115,164,209)</pre></td> 75 <td width="100" bgcolor="#73a4d1" aria-label="Color preview"> </td> 76 </tr> 77 <tr> 78 <th scope="row" width="250"><code>nimbusGreen</code></th> 79 <td><pre>#b0b332 (176,179,50)</pre></td> 80 <td width="100" bgcolor="#b0b332" aria-label="Color preview"> </td> 81 </tr> 82 <tr> 83 <th scope="row" width="250"><code>nimbusInfoBlue</code></th> 84 <td><pre>#2f5cb4 (47,92,180)</pre></td> 85 <td width="100" bgcolor="#2f5cb4" aria-label="Color preview"> </td> 86 </tr> 87 <tr> 88 <th scope="row" width="250"><code>nimbusLightBackground</code></th> 89 <td><pre>#ffffff (255,255,255)</pre></td> 90 <td width="100" bgcolor="#ffffff" aria-label="Color preview"> </td> 91 </tr> 92 <tr> 93 <th scope="row" width="250"><code>nimbusOrange</code></th> 94 <td><pre>#bf6204 (191,98,4)</pre></td> 95 <td width="100" bgcolor="#bf6204" aria-label="Color preview"> </td> 96 </tr> 97 <tr> 98 <th scope="row" width="250"><code>nimbusRed</code></th> 99 <td><pre>#a92e22 (169,46,34)</pre></td> 100 <td width="100" bgcolor="#a92e22" aria-label="Color preview"> </td> 101 </tr> 102 <tr> 103 <th scope="row" width="250"><code>nimbusSelectedText</code></th> 104 <td><pre>#ffffff (255,255,255)</pre></td> 105 <td width="100" bgcolor="#ffffff" aria-label="Color preview"> </td> 106 </tr> 107 <tr> 108 <th scope="row" width="250"><code>nimbusSelectionBackground</code></th> 109 <td><pre>#39698a (57,105,138)</pre></td> 110 <td width="100" bgcolor="#39698a" aria-label="Color preview"> </td> 111 </tr> 112 <tr> 113 <th scope="row" width="250"><code>text</code></th> 114 <td><pre>#000000 (0,0,0)</pre></td> 115 <td width="100" bgcolor="#000000" aria-label="Color preview"> </td> 116 </tr> 117 </tbody> 118 </table> 119 120 <h2 id="secondaryColors">Secondary Colors</h2> 121 <table> 122 <caption style="display:none">Secondary colors used in Nimbus Look And Feel 123 </caption> 124 <thead> 125 <tr> 126 <th scope="col">Key</th> 127 <th scope="col">Value</th> 128 <th scope="col">Preview</th> 129 </tr> 130 </thead> 131 <tbody style="text-align:left"> 132 <tr> 133 <th scope="row" width="250"><code>activeCaption</code></th> 134 <td><pre>#babec6 (186,190,198)</pre></td> 135 <td width="100" bgcolor="#babec6" aria-label="Color preview"> </td> 136 </tr> 137 <tr> 138 <th scope="row" width="250"><code>background</code></th> 139 <td><pre>#d6d9df (214,217,223)</pre></td> 140 <td width="100" bgcolor="#d6d9df" aria-label="Color preview"> </td> 141 </tr> 142 <tr> 143 <th scope="row" width="250"><code>controlDkShadow</code></th> 144 <td><pre>#a4abb8 (164,171,184)</pre></td> 145 <td width="100" bgcolor="#a4abb8" aria-label="Color preview"> </td> 146 </tr> 147 <tr> 148 <th scope="row" width="250"><code>controlHighlight</code></th> 149 <td><pre>#e9ecf2 (233,236,242)</pre></td> 150 <td width="100" bgcolor="#e9ecf2" aria-label="Color preview"> </td> 151 </tr> 152 <tr> 153 <th scope="row" width="250"><code>controlLHighlight</code></th> 154 <td><pre>#f7f8fa (247,248,250)</pre></td> 155 <td width="100" bgcolor="#f7f8fa" aria-label="Color preview"> </td> 156 </tr> 157 <tr> 158 <th scope="row" width="250"><code>controlShadow</code></th> 159 <td><pre>#ccd3e0 (204,211,224)</pre></td> 160 <td width="100" bgcolor="#ccd3e0" aria-label="Color preview"> </td> 161 </tr> 162 <tr> 163 <th scope="row" width="250"><code>controlText</code></th> 164 <td><pre>#000000 (0,0,0)</pre></td> 165 <td width="100" bgcolor="#000000" aria-label="Color preview"> </td> 166 </tr> 167 <tr> 168 <th scope="row" width="250"><code>desktop</code></th> 169 <td><pre>#3d6079 (61,96,121)</pre></td> 170 <td width="100" bgcolor="#3d6079" aria-label="Color preview"> </td> 171 </tr> 172 <tr> 173 <th scope="row" width="250"><code>inactiveCaption</code></th> 174 <td><pre>#bdc1c8 (189,193,200)</pre></td> 175 <td width="100" bgcolor="#bdc1c8" aria-label="Color preview"> </td> 176 </tr> 177 <tr> 178 <th scope="row" width="250"><code>infoText</code></th> 179 <td><pre>#000000 (0,0,0)</pre></td> 180 <td width="100" bgcolor="#000000" aria-label="Color preview"> </td> 181 </tr> 182 <tr> 183 <th scope="row" width="250"><code>menu</code></th> 184 <td><pre>#edeff2 (237,239,242)</pre></td> 185 <td width="100" bgcolor="#edeff2" aria-label="Color preview"> </td> 186 </tr> 187 <tr> 188 <th scope="row" width="250"><code>menuText</code></th> 189 <td><pre>#000000 (0,0,0)</pre></td> 190 <td width="100" bgcolor="#000000" aria-label="Color preview"> </td> 191 </tr> 192 <tr> 193 <th scope="row" width="250"><code>nimbusBlueGrey</code></th> 194 <td><pre>#a9b0be (169,176,190)</pre></td> 195 <td width="100" bgcolor="#a9b0be" aria-label="Color preview"> </td> 196 </tr> 197 <tr> 198 <th scope="row" width="250"><code>nimbusBorder</code></th> 199 <td><pre>#9297a1 (146,151,161)</pre></td> 200 <td width="100" bgcolor="#9297a1" aria-label="Color preview"> </td> 201 </tr> 202 <tr> 203 <th scope="row" width="250"><code>nimbusSelection</code></th> 204 <td><pre>#39698a (57,105,138)</pre></td> 205 <td width="100" bgcolor="#39698a" aria-label="Color preview"> </td> 206 </tr> 207 <tr> 208 <th scope="row" width="250"><code>scrollbar</code></th> 209 <td><pre>#cdd0d5 (205,208,213)</pre></td> 210 <td width="100" bgcolor="#cdd0d5" aria-label="Color preview"> </td> 211 </tr> 212 <tr> 213 <th scope="row" width="250"><code>textBackground</code></th> 214 <td><pre>#39698a (57,105,138)</pre></td> 215 <td width="100" bgcolor="#39698a" aria-label="Color preview"> </td> 216 </tr> 217 <tr> 218 <th scope="row" width="250"><code>textForeground</code></th> 219 <td><pre>#000000 (0,0,0)</pre></td> 220 <td width="100" bgcolor="#000000" aria-label="Color preview"> </td> 221 </tr> 222 <tr> 223 <th scope="row" width="250"><code>textHighlight</code></th> 224 <td><pre>#39698a (57,105,138)</pre></td> 225 <td width="100" bgcolor="#39698a" aria-label="Color preview"> </td> 226 </tr> 227 <tr> 228 <th scope="row" width="250"><code>textHighlightText</code></th> 229 <td><pre>#ffffff (255,255,255)</pre></td> 230 <td width="100" bgcolor="#ffffff" aria-label="Color preview"> </td> 231 </tr> 232 <tr> 233 <th scope="row" width="250"><code>textInactiveText</code></th> 234 <td><pre>#8e8f91 (142,143,145)</pre></td> 235 <td width="100" bgcolor="#8e8f91" aria-label="Color preview"> </td> 236 </tr> 237 </tbody> 238 </table> 239 </main> 240 </body> 241 </html>