<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Colors Used in Nimbus Look and Feel</title>
</head>
<!--
Copyright (c) 2005, 2019, Oracle and/or its affiliates. All rights reserved.
DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
This code is free software; you can redistribute it and/or modify it
under the terms of the GNU General Public License version 2 only, as
published by the Free Software Foundation. Oracle designates this
particular file as subject to the "Classpath" exception as provided
by Oracle in the LICENSE file that accompanied this code.
This code is distributed in the hope that it will be useful, but WITHOUT
ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
version 2 for more details (a copy is included in the LICENSE file that
accompanied this code).
You should have received a copy of the GNU General Public License version
2 along with this work; if not, write to the Free Software Foundation,
Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
Please contact Oracle, 500 Oracle Parkway, Redwood Shores, CA 94065 USA
or visit www.oracle.com if you need additional information or have any
questions.
-->
<body>
<main role="main">
<div class="contentContainer">
<h1>Colors Used in Nimbus Look and Feel</h1>
<h2 id="primaryColors">Primary Colors</h2>
<table>
<caption style="display:none">Primary colors used in Nimbus Look And Feel
</caption>
<thead>
<tr>
<th scope="col">Key</th>
<th scope="col">Value</th>
<th scope="col">Preview</th>
</tr>
</thead>
<tbody style="text-align:left">
<tr>
<th scope="row" width="250"><code>control</code></th>
<td><pre>#d6d9df (214,217,223)</pre></td>
<td width="100" bgcolor="#d6d9df" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>info</code></th>
<td><pre>#f2f2bd (242,242,189)</pre></td>
<td width="100" bgcolor="#f2f2bd" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusAlertYellow</code></th>
<td><pre>#ffdc23 (255,220,35)</pre></td>
<td width="100" bgcolor="#ffdc23" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusBase</code></th>
<td><pre>#33628c (51,98,140)</pre></td>
<td width="100" bgcolor="#33628c" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusDisabledText</code></th>
<td><pre>#8e8f91 (142,143,145)</pre></td>
<td width="100" bgcolor="#8e8f91" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusFocus</code></th>
<td><pre>#73a4d1 (115,164,209)</pre></td>
<td width="100" bgcolor="#73a4d1" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusGreen</code></th>
<td><pre>#b0b332 (176,179,50)</pre></td>
<td width="100" bgcolor="#b0b332" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusInfoBlue</code></th>
<td><pre>#2f5cb4 (47,92,180)</pre></td>
<td width="100" bgcolor="#2f5cb4" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusLightBackground</code></th>
<td><pre>#ffffff (255,255,255)</pre></td>
<td width="100" bgcolor="#ffffff" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusOrange</code></th>
<td><pre>#bf6204 (191,98,4)</pre></td>
<td width="100" bgcolor="#bf6204" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusRed</code></th>
<td><pre>#a92e22 (169,46,34)</pre></td>
<td width="100" bgcolor="#a92e22" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusSelectedText</code></th>
<td><pre>#ffffff (255,255,255)</pre></td>
<td width="100" bgcolor="#ffffff" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusSelectionBackground</code></th>
<td><pre>#39698a (57,105,138)</pre></td>
<td width="100" bgcolor="#39698a" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>text</code></th>
<td><pre>#000000 (0,0,0)</pre></td>
<td width="100" bgcolor="#000000" aria-label="Color preview"> </td>
</tr>
</tbody>
</table>
<h2 id="secondaryColors">Secondary Colors</h2>
<table>
<caption style="display:none">Secondary colors used in Nimbus Look And Feel
</caption>
<thead>
<tr>
<th scope="col">Key</th>
<th scope="col">Value</th>
<th scope="col">Preview</th>
</tr>
</thead>
<tbody style="text-align:left">
<tr>
<th scope="row" width="250"><code>activeCaption</code></th>
<td><pre>#babec6 (186,190,198)</pre></td>
<td width="100" bgcolor="#babec6" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>background</code></th>
<td><pre>#d6d9df (214,217,223)</pre></td>
<td width="100" bgcolor="#d6d9df" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>controlDkShadow</code></th>
<td><pre>#a4abb8 (164,171,184)</pre></td>
<td width="100" bgcolor="#a4abb8" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>controlHighlight</code></th>
<td><pre>#e9ecf2 (233,236,242)</pre></td>
<td width="100" bgcolor="#e9ecf2" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>controlLHighlight</code></th>
<td><pre>#f7f8fa (247,248,250)</pre></td>
<td width="100" bgcolor="#f7f8fa" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>controlShadow</code></th>
<td><pre>#ccd3e0 (204,211,224)</pre></td>
<td width="100" bgcolor="#ccd3e0" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>controlText</code></th>
<td><pre>#000000 (0,0,0)</pre></td>
<td width="100" bgcolor="#000000" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>desktop</code></th>
<td><pre>#3d6079 (61,96,121)</pre></td>
<td width="100" bgcolor="#3d6079" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>inactiveCaption</code></th>
<td><pre>#bdc1c8 (189,193,200)</pre></td>
<td width="100" bgcolor="#bdc1c8" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>infoText</code></th>
<td><pre>#000000 (0,0,0)</pre></td>
<td width="100" bgcolor="#000000" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>menu</code></th>
<td><pre>#edeff2 (237,239,242)</pre></td>
<td width="100" bgcolor="#edeff2" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>menuText</code></th>
<td><pre>#000000 (0,0,0)</pre></td>
<td width="100" bgcolor="#000000" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusBlueGrey</code></th>
<td><pre>#a9b0be (169,176,190)</pre></td>
<td width="100" bgcolor="#a9b0be" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusBorder</code></th>
<td><pre>#9297a1 (146,151,161)</pre></td>
<td width="100" bgcolor="#9297a1" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>nimbusSelection</code></th>
<td><pre>#39698a (57,105,138)</pre></td>
<td width="100" bgcolor="#39698a" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>scrollbar</code></th>
<td><pre>#cdd0d5 (205,208,213)</pre></td>
<td width="100" bgcolor="#cdd0d5" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>textBackground</code></th>
<td><pre>#39698a (57,105,138)</pre></td>
<td width="100" bgcolor="#39698a" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>textForeground</code></th>
<td><pre>#000000 (0,0,0)</pre></td>
<td width="100" bgcolor="#000000" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>textHighlight</code></th>
<td><pre>#39698a (57,105,138)</pre></td>
<td width="100" bgcolor="#39698a" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>textHighlightText</code></th>
<td><pre>#ffffff (255,255,255)</pre></td>
<td width="100" bgcolor="#ffffff" aria-label="Color preview"> </td>
</tr>
<tr>
<th scope="row" width="250"><code>textInactiveText</code></th>
<td><pre>#8e8f91 (142,143,145)</pre></td>
<td width="100" bgcolor="#8e8f91" aria-label="Color preview"> </td>
</tr>
</tbody>
</table>
</div>
</main>
</body>
</html>