Darklaf - A themeable swing Look and Feel based on Darcula-Laf
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

10805 lines
361 KiB

<html>
<a href="../index.html">back</a>
<style>
table {
font-family: monospace;
font-size: 10pt;
border-collapse: collapse;
}
th, td {
padding: 4px 8px 4px 8px;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
</style>
<h3>Theme Defaults</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>%textForegroundHighlight</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>%textSelectionForegroundInactive</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>%textForeground</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>%caret</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>%shadow</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>%hoverHighlightDefault</td>
<td>#6A9ED3 [106,158,211]</td>
<td></td>
<td height="25" style="background-color: #6A9ED3" width="150">
</tr>
<tr>
<td>%menuIconEnabled</td>
<td>#6E6E6E [110,110,110]</td>
<td></td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>%textForegroundInactive</td>
<td>#777777 [119,119,119]</td>
<td></td>
<td height="25" style="background-color: #777777" width="150">
</tr>
<tr>
<td>%controlBorderFocus</td>
<td>#7B9FC7 [123,159,199]</td>
<td></td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>%glowFocusLine</td>
<td>#7B9FC7 [123,159,199]</td>
<td></td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>%controlPassedFadeEnd</td>
<td>#7EE8A5 [126,232,165]</td>
<td></td>
<td height="25" style="background-color: #7EE8A5" width="150">
</tr>
<tr>
<td>%textForegroundSecondary</td>
<td>#808080 [128,128,128]</td>
<td></td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>%controlFillSecondary</td>
<td>#808080 [128,128,128]</td>
<td></td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>%controlFadeEnd</td>
<td>#808080 [128,128,128]</td>
<td></td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>%borderFocus</td>
<td>#83BFF5 [131,191,245]</td>
<td></td>
<td height="25" style="background-color: #83BFF5" width="150">
</tr>
<tr>
<td>%controlBorder</td>
<td>#878787 [135,135,135]</td>
<td></td>
<td height="25" style="background-color: #878787" width="150">
</tr>
<tr>
<td>%fileIconBackground</td>
<td>#9AA7B0 [154,167,176]</td>
<td></td>
<td height="25" style="background-color: #9AA7B0" width="150">
</tr>
<tr>
<td>%windowButtonDisabled</td>
<td>#9B9C9C [155,156,156]</td>
<td></td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>%highlightFillMono</td>
<td>#9CA7B8 [156,167,184]</td>
<td></td>
<td height="25" style="background-color: #9CA7B8" width="150">
</tr>
<tr>
<td>%borderTertiary</td>
<td>#A0A0A0 [160,160,160]</td>
<td></td>
<td height="25" style="background-color: #A0A0A0" width="150">
</tr>
<tr>
<td>%controlTrack</td>
<td>#ABABAB [171,171,171]</td>
<td></td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>%controlFillDisabled</td>
<td>#ABABAB [171,171,171]</td>
<td></td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>%controlBorderFocusSelected</td>
<td>#ACCFF7 [172,207,247]</td>
<td></td>
<td height="25" style="background-color: #ACCFF7" width="150">
</tr>
<tr>
<td>%menuIconDisabled</td>
<td>#AFB1B3 [175,177,179]</td>
<td></td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>%controlFillHighlightDisabled</td>
<td>#B0B3B6 [176,179,182]</td>
<td></td>
<td height="25" style="background-color: #B0B3B6" width="150">
</tr>
<tr>
<td>%controlBorderSecondary</td>
<td>#B4B4B4 [180,180,180]</td>
<td></td>
<td height="25" style="background-color: #B4B4B4" width="150">
</tr>
<tr>
<td>%textIconDisabled</td>
<td>#B8BABA [184,186,186]</td>
<td></td>
<td height="25" style="background-color: #B8BABA" width="150">
</tr>
<tr>
<td>%backgroundSelectedSecondary</td>
<td>#BDBDBD [189,189,189]</td>
<td></td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>%controlBorderDisabled</td>
<td>#BDBDBD [189,189,189]</td>
<td></td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>%dropForeground</td>
<td>#C0C0C0 [192,192,192]</td>
<td></td>
<td height="25" style="background-color: #C0C0C0" width="150">
</tr>
<tr>
<td>%controlFadeStart</td>
<td>#C4C4C4 [196,196,196]</td>
<td></td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>%widgetBorder</td>
<td>#C4C4C4 [196,196,196]</td>
<td></td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>%controlBackground</td>
<td>#C4C4C4 [196,196,196]</td>
<td></td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>%backgroundSelectedColorful</td>
<td>#C5CDDC [197,205,220]</td>
<td></td>
<td height="25" style="background-color: #C5CDDC" width="150">
</tr>
<tr>
<td>%backgroundHoverColorful</td>
<td>#CCCFD5 [204,207,213]</td>
<td></td>
<td height="25" style="background-color: #CCCFD5" width="150">
</tr>
<tr>
<td>%clickHighlightColorful</td>
<td>#CDD7E1 [205,215,225]</td>
<td></td>
<td height="25" style="background-color: #CDD7E1" width="150">
</tr>
<tr>
<td>%widgetBorderInactive</td>
<td>#CFCFCF [207,207,207]</td>
<td></td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>%clickHighlight</td>
<td>#CFCFCF [207,207,207]</td>
<td></td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>%border</td>
<td>#D1D1D1 [209,209,209]</td>
<td></td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>%borderSecondary</td>
<td>#D1D1D1 [209,209,209]</td>
<td></td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>%clickHighlightSecondary</td>
<td>#D2D2D2 [210,210,210]</td>
<td></td>
<td height="25" style="background-color: #D2D2D2" width="150">
</tr>
<tr>
<td>%highlightFill</td>
<td>#D5D5D5 [213,213,213]</td>
<td></td>
<td height="25" style="background-color: #D5D5D5" width="150">
</tr>
<tr>
<td>%controlErrorFadeStart</td>
<td>#D64F4F [214,079,079]</td>
<td></td>
<td height="25" style="background-color: #D64F4F" width="150">
</tr>
<tr>
<td>%backgroundHoverSecondary</td>
<td>#D9D9D9 [217,217,217]</td>
<td></td>
<td height="25" style="background-color: #D9D9D9" width="150">
</tr>
<tr>
<td>%backgroundHover</td>
<td>#DADADA [218,218,218]</td>
<td></td>
<td height="25" style="background-color: #DADADA" width="150">
</tr>
<tr>
<td>%hoverHighlightColorful</td>
<td>#DAE1E9 [218,225,233]</td>
<td></td>
<td height="25" style="background-color: #DAE1E9" width="150">
</tr>
<tr>
<td>%errorIconColor</td>
<td>#DB5860 [219,088,096]</td>
<td></td>
<td height="25" style="background-color: #DB5860" width="150">
</tr>
<tr>
<td>%gridLine</td>
<td>#DDDDDD [221,221,221]</td>
<td></td>
<td height="25" style="background-color: #DDDDDD" width="150">
</tr>
<tr>
<td>%hoverHighlight</td>
<td>#DFDFDF [223,223,223]</td>
<td></td>
<td height="25" style="background-color: #DFDFDF" width="150">
</tr>
<tr>
<td>%glowFocusErrorLine</td>
<td>#E0A8A9 [224,168,169]</td>
<td></td>
<td height="25" style="background-color: #E0A8A9" width="150">
</tr>
<tr>
<td>%glowErrorLine</td>
<td>#E0A8A9 [224,168,169]</td>
<td></td>
<td height="25" style="background-color: #E0A8A9" width="150">
</tr>
<tr>
<td>%glowWarning</td>
<td>#E2A53A [226,165,058]</td>
<td></td>
<td height="25" style="background-color: #E2A53A" width="150">
</tr>
<tr>
<td>%glowFocusError</td>
<td>#E53E4D [229,062,077]</td>
<td></td>
<td height="25" style="background-color: #E53E4D" width="150">
</tr>
<tr>
<td>%hoverHighlightSecondary</td>
<td>#E6E6E6 [230,230,230]</td>
<td></td>
<td height="25" style="background-color: #E6E6E6" width="150">
</tr>
<tr>
<td>%backgroundColorful</td>
<td>#E6EBF0 [230,235,240]</td>
<td></td>
<td height="25" style="background-color: #E6EBF0" width="150">
</tr>
<tr>
<td>%glowError</td>
<td>#EBBCBC [235,188,188]</td>
<td></td>
<td height="25" style="background-color: #EBBCBC" width="150">
</tr>
<tr>
<td>%menuIconHovered</td>
<td>#ECECEC [236,236,236]</td>
<td></td>
<td height="25" style="background-color: #ECECEC" width="150">
</tr>
<tr>
<td>%questionIconColor</td>
<td>#EDA200 [237,162,000]</td>
<td></td>
<td height="25" style="background-color: #EDA200" width="150">
</tr>
<tr>
<td>%menuIconSelectedSecondary</td>
<td>#EEEEEE [238,238,238]</td>
<td></td>
<td height="25" style="background-color: #EEEEEE" width="150">
</tr>
<tr>
<td>%textSelectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td></td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>%textContrastForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td></td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>%textForegroundDefault</td>
<td>#F0F0F0 [240,240,240]</td>
<td></td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>%textBackgroundInactive</td>
<td>#F2F2F2 [242,242,242]</td>
<td></td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>%textBackgroundSecondaryInactive</td>
<td>#F2F2F2 [242,242,242]</td>
<td></td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>%widgetFillInactive</td>
<td>#F2F2F2 [242,242,242]</td>
<td></td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>%background</td>
<td>#F2F2F2 [242,242,242]</td>
<td></td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>%backgroundAlternative</td>
<td>#F2F5F9 [242,245,249]</td>
<td></td>
<td height="25" style="background-color: #F2F5F9" width="150">
</tr>
<tr>
<td>%backgroundToolTip</td>
<td>#F7F7F7 [247,247,247]</td>
<td></td>
<td height="25" style="background-color: #F7F7F7" width="150">
</tr>
<tr>
<td>%backgroundToolTipInactive</td>
<td>#F7F7F7 [247,247,247]</td>
<td></td>
<td height="25" style="background-color: #F7F7F7" width="150">
</tr>
<tr>
<td>%controlErrorFadeEnd</td>
<td>#FB8F89 [251,143,137]</td>
<td></td>
<td height="25" style="background-color: #FB8F89" width="150">
</tr>
<tr>
<td>%textSelectionBackgroundSecondary</td>
<td>#FCFAED [252,250,237]</td>
<td></td>
<td height="25" style="background-color: #FCFAED" width="150">
</tr>
<tr>
<td>%dropBackground</td>
<td>#FCFAED [252,250,237]</td>
<td></td>
<td height="25" style="background-color: #FCFAED" width="150">
</tr>
<tr>
<td>%glowWarningLine</td>
<td>#FFD385 [255,211,133]</td>
<td></td>
<td height="25" style="background-color: #FFD385" width="150">
</tr>
<tr>
<td>%backgroundContainer</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%backgroundHeader</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%controlFill</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%windowCloseHovered</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%widgetFill</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%textBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%textBackgroundSecondary</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%controlFillFocus</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%textIconSelected</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%backgroundSelected</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%menuIconSelected</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>%fileIconForeground</td>
<td>#231F20 [035,031,032]</td>
<td></td>
<td height="25" style="background-color: #231F20" width="150">
</tr>
<tr>
<td>%highlightFillFocus</td>
<td>#2675BF [038,117,191]</td>
<td></td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>%windowButton</td>
<td>#050708 [005,007,008]</td>
<td></td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>%controlPassedFadeStart</td>
<td>#34B171 [052,177,113]</td>
<td></td>
<td height="25" style="background-color: #34B171" width="150">
</tr>
<tr>
<td>%menuIconHighlight</td>
<td>#389FD6 [056,159,214]</td>
<td></td>
<td height="25" style="background-color: #389FD6" width="150">
</tr>
<tr>
<td>%informationIconColor</td>
<td>#389FD6 [056,159,214]</td>
<td></td>
<td height="25" style="background-color: #389FD6" width="150">
</tr>
<tr>
<td>%warningIconColor</td>
<td>#389FD6 [056,159,214]</td>
<td></td>
<td height="25" style="background-color: #389FD6" width="150">
</tr>
<tr>
<td>%glowFocus</td>
<td>#3D94F2 [061,148,242]</td>
<td></td>
<td height="25" style="background-color: #3D94F2" width="150">
</tr>
<tr>
<td>%textIconEnabled</td>
<td>#3E3E3C [062,062,060]</td>
<td></td>
<td height="25" style="background-color: #3E3E3C" width="150">
</tr>
<tr>
<td>%highlightFillFocusSecondary</td>
<td>#4083C9 [064,131,201]</td>
<td></td>
<td height="25" style="background-color: #4083C9" width="150">
</tr>
<tr>
<td>%widgetBorderDefault</td>
<td>#457CB6 [069,124,182]</td>
<td></td>
<td height="25" style="background-color: #457CB6" width="150">
</tr>
<tr>
<td>%controlBorderSelected</td>
<td>#4982CC [073,130,204]</td>
<td></td>
<td height="25" style="background-color: #4982CC" width="150">
</tr>
<tr>
<td>%widgetFillDefault</td>
<td>#4C8ACA [076,138,202]</td>
<td></td>
<td height="25" style="background-color: #4C8ACA" width="150">
</tr>
<tr>
<td>%widgetFillSelected</td>
<td>#4D89C9 [077,137,201]</td>
<td></td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>%controlFillHighlight</td>
<td>#4D89C9 [077,137,201]</td>
<td></td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>%acceleratorForeground</td>
<td>#505050 [080,080,080]</td>
<td></td>
<td height="25" style="background-color: #505050" width="150">
</tr>
<tr>
<td>%hyperlink</td>
<td>#589DF6 [088,157,246]</td>
<td></td>
<td height="25" style="background-color: #589DF6" width="150">
</tr>
<tr>
<td>%textSelectionBackground</td>
<td>#5974AB [089,116,171]</td>
<td></td>
<td height="25" style="background-color: #5974AB" width="150">
</tr>
<tr>
<td>%fileIconHighlight</td>
<td>#59A869 [089,168,105]</td>
<td></td>
<td height="25" style="background-color: #59A869" width="150">
</tr>
<tr>
<td>%clickHighlightDefault</td>
<td>#5B94CE [091,148,206]</td>
<td></td>
<td height="25" style="background-color: #5B94CE" width="150">
</tr>
<tr>
<td>%shadowHeight</td>
<td>2</td>
<td></td>
<td></td>
</tr>
<tr>
<td>%arcSecondaryFocus</td>
<td>3</td>
<td></td>
<td></td>
</tr>
<tr>
<td>%borderThickness</td>
<td>3</td>
<td></td>
<td></td>
</tr>
<tr>
<td>%arcSecondary</td>
<td>3</td>
<td></td>
<td></td>
</tr>
<tr>
<td>%arc</td>
<td>5</td>
<td></td>
<td></td>
</tr>
<tr>
<td>%arcFocus</td>
<td>5</td>
<td></td>
<td></td>
</tr>
</table>
<h3>ArrowButton</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ArrowButton.down.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>ArrowButton.up.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowUp.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 5 12.5 10 3.5 10"/>
</svg>
</td>
</tr>
</table>
<h3>AuditoryCues</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>AuditoryCues.allAuditoryCues</td>
<td>Object[]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>AuditoryCues.cueList</td>
<td>Object[]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>AuditoryCues.defaultCueList</td>
<td>Object[]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>AuditoryCues.noAuditoryCues</td>
<td>Object[]</td>
<td></td>
<td></td>
</tr>
</table>
<h3>Button</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ButtonUI</td>
<td>com.github.weisj.darklaf.ui.button.DarkButtonUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.defaultButtonFollowsFocus</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.convertIconOnlyToShadow</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.darkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>Button.shadow</td>
<td>#808080 [128,128,128]</td>
<td></td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>Button.select</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>Button.focus</td>
<td>#9999CC [153,153,204]</td>
<td></td>
<td height="25" style="background-color: #9999CC" width="150">
</tr>
<tr>
<td>Button.light</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Button.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Button.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Button.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>Button.onlyLabelInsets</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.fullShadowInsets</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.margin</td>
<td>Insets [2,14,2,14]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.squareThinBorderInsets</td>
<td>Insets [4,4,4,4]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.thinBorderInsets</td>
<td>Insets [4,8,4,8]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.squareBorderInsets</td>
<td>Insets [6,6,6,6]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.borderInsets</td>
<td>Insets [7,16,7,16]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.textShiftOffset</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.textIconGap</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Button.arc</td>
<td>5</td>
<td>%arc</td>
<td></td>
</tr>
<tr>
<td>Button.focusArc</td>
<td>5</td>
<td>%arcFocus</td>
<td></td>
</tr>
<tr>
<td>Button.squareArc</td>
<td>3</td>
<td>%arcSecondary</td>
<td></td>
</tr>
<tr>
<td>Button.minimumArc</td>
<td>3</td>
<td>%arcSecondary</td>
<td></td>
</tr>
<tr>
<td>Button.squareFocusArc</td>
<td>3</td>
<td>%arcSecondaryFocus</td>
<td></td>
</tr>
<tr>
<td>Button.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Button.borderThickness</td>
<td>3</td>
<td>%borderThickness</td>
<td></td>
</tr>
<tr>
<td>Button.activeFillColorClick</td>
<td>#CFCFCF [207,207,207]</td>
<td>%clickHighlight</td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>Button.shadow.click</td>
<td>#CFCFCF [207,207,207]</td>
<td>%clickHighlight</td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>Button.defaultFillColorClick</td>
<td>#5B94CE [091,148,206]</td>
<td>%clickHighlightDefault</td>
<td height="25" style="background-color: #5B94CE" width="150">
</tr>
<tr>
<td>Button.focusBorderColor</td>
<td>#7B9FC7 [123,159,199]</td>
<td>%glowFocusLine</td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>Button.shadow.hover</td>
<td>#DFDFDF [223,223,223]</td>
<td>%hoverHighlight</td>
<td height="25" style="background-color: #DFDFDF" width="150">
</tr>
<tr>
<td>Button.activeFillColorRollOver</td>
<td>#DFDFDF [223,223,223]</td>
<td>%hoverHighlight</td>
<td height="25" style="background-color: #DFDFDF" width="150">
</tr>
<tr>
<td>Button.defaultFillColorRollOver</td>
<td>#6A9ED3 [106,158,211]</td>
<td>%hoverHighlightDefault</td>
<td height="25" style="background-color: #6A9ED3" width="150">
</tr>
<tr>
<td>Button.shadowHeight</td>
<td>2</td>
<td>%shadowHeight</td>
<td></td>
</tr>
<tr>
<td>Button.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Button.selectedButtonForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textForegroundDefault</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>Button.disabledText</td>
<td>#777777 [119,119,119]</td>
<td>%textForegroundInactive</td>
<td height="25" style="background-color: #777777" width="150">
</tr>
<tr>
<td>Button.activeBorderColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%widgetBorder</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>Button.defaultBorderColor</td>
<td>#457CB6 [069,124,182]</td>
<td>%widgetBorderDefault</td>
<td height="25" style="background-color: #457CB6" width="150">
</tr>
<tr>
<td>Button.inactiveBorderColor</td>
<td>#CFCFCF [207,207,207]</td>
<td>%widgetBorderInactive</td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>Button.activeFillColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%widgetFill</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Button.defaultFillColor</td>
<td>#4C8ACA [076,138,202]</td>
<td>%widgetFillDefault</td>
<td height="25" style="background-color: #4C8ACA" width="150">
</tr>
<tr>
<td>Button.inactiveFillColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%widgetFillInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Button.border</td>
<td>DarkButtonBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Button.border" src="img/DarkButtonBorder.png"></td>
</tr>
</table>
<h3>CheckBox</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>CheckBoxUI</td>
<td>com.github.weisj.darklaf.ui.togglebutton.checkbox.DarkCheckBoxUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBox.disabledText</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>CheckBox.focus</td>
<td>#9999CC [153,153,204]</td>
<td></td>
<td height="25" style="background-color: #9999CC" width="150">
</tr>
<tr>
<td>CheckBox.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="CheckBox.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>CheckBox.totalInsets</td>
<td>Insets [4,4,4,4]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBox.margin</td>
<td>Insets [2,2,2,2]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBox.borderInsets</td>
<td>Insets [4,4,4,4]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBox.textShiftOffset</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBox.textIconGap</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBox.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBox.arc</td>
<td>3</td>
<td>%arcSecondary</td>
<td></td>
</tr>
<tr>
<td>CheckBox.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>CheckBox.borderThickness</td>
<td>3</td>
<td>%borderThickness</td>
<td></td>
</tr>
<tr>
<td>CheckBox.activeBorderColor</td>
<td>#878787 [135,135,135]</td>
<td>%controlBorder</td>
<td height="25" style="background-color: #878787" width="150">
</tr>
<tr>
<td>CheckBox.inactiveBorderColor</td>
<td>#BDBDBD [189,189,189]</td>
<td>%controlBorderDisabled</td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>CheckBox.focusBorderColor</td>
<td>#7B9FC7 [123,159,199]</td>
<td>%controlBorderFocus</td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>CheckBox.focusSelectedBorderColor</td>
<td>#ACCFF7 [172,207,247]</td>
<td>%controlBorderFocusSelected</td>
<td height="25" style="background-color: #ACCFF7" width="150">
</tr>
<tr>
<td>CheckBox.selectedBorderColor</td>
<td>#4982CC [073,130,204]</td>
<td>%controlBorderSelected</td>
<td height="25" style="background-color: #4982CC" width="150">
</tr>
<tr>
<td>CheckBox.selectionSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%controlFill</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>CheckBox.selectionDisabledColor</td>
<td>#ABABAB [171,171,171]</td>
<td>%controlFillDisabled</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>CheckBox.selectionFocusSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%controlFillFocus</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>CheckBox.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>CheckBox.activeFillColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%widgetFill</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>CheckBox.inactiveFillColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%widgetFillInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>CheckBox.selectedFillColor</td>
<td>#4D89C9 [077,137,201]</td>
<td>%widgetFillSelected</td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>CheckBox.border</td>
<td>DarkCheckBoxBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBox.selected.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.CheckBoxSelected.selectedFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxSelected.selectedBorderColor">
<stop offset="0" stop-color="#6B6B6B"/>
<stop offset="1" stop-color="#6B6B6B"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxSelected.selectionSelectedColor">
<stop offset="0" stop-color="#A7A7A7"/>
<stop offset="1" stop-color="#A7A7A7"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="13" rx="1.5" width="13" x="3.5" y="2.5"/>
<path d="M5,2 L15,2 C16.1045695,2 17,2.8954305 17,4 L17,14 C17,15.1045695 16.1045695,16 15,16 L5,16 C3.8954305,16
3,15.1045695 3,14 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847
4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"/>
<path d="M8.62700797,10.3954751 L12.5585785,4.90234375 C12.9700368,4.49609375 13.4049327,4.45963542 13.863266,4.79296875 C14.2512868,5.16796875 14.2968597,5.59114583 13.9999847,6.0625 L9.32029724,12.6132813 C9.10415141,12.8502604 8.85935974,12.96875 8.58592224,12.96875 C8.31248474,12.96875 8.07550557,12.8502604 7.87498474,12.6132813 L5.94139099,9.71484375 C5.69399516,9.20442708 5.79946391,8.77604167 6.25779724,8.4296875 C6.79425557,8.17447917 7.22915141,8.30064252 7.56248474,8.80817756 L8.62700797,10.3954751 Z"
fill="#"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>CheckBox.indeterminateFocused.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.CheckBoxIndeterminateSelectedFocused.selectedFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxIndeterminateSelectedFocused.focusSelectedBorderColor">
<stop offset="0" stop-color="#466D94"/>
<stop offset="1" stop-color="#466D94"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxIndeterminateSelectedFocused.glowFocus">
<stop offset="0" stop-color="#3e84c9"/>
<stop offset="1" stop-color="#3e84c9"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxIndeterminateSelectedFocused.selectionFocusSelectedColor">
<stop offset="0" stop-color="#A7A7A7"/>
<stop offset="1" stop-color="#A7A7A7"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="13" rx="1.5" width="13"
x="3.5" y="2.5"/>
<path d="M5,0 L15,0 C17.209139,-4.05812251e-16 19,1.790861 19,4 L19,14 C19,16.209139 17.209139,18 15,18 L5,18 C2.790861,18 1,16.209139 1,14 L1,4 C1,1.790861 2.790861,4.05812251e-16 5,0 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"
fill-opacity="0.5"/>
<path d="M5,2 L15,2 C16.1045695,2 17,2.8954305 17,4 L17,14 C17,15.1045695 16.1045695,16 15,16 L5,16 C3.8954305,16 3,15.1045695 3,14 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"/>
<rect fill="#" height="2.5" rx="1" width="8.4"
x="5.737" y="7.73"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>CheckBox.selectedDisabled.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.CheckBoxSelectedDisabled.inactiveFillColor">
<stop offset="0" stop-color="#3C3F41"/>
<stop offset="1" stop-color="#3C3F41"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxSelectedDisabled.inactiveBorderColor">
<stop offset="0" stop-color="#545556"/>
<stop offset="1" stop-color="#545556"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxSelectedDisabled.selectionDisabledColor">
<stop offset="0" stop-color="#606060"/>
<stop offset="1" stop-color="#606060"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="13" rx="1.5" width="13" x="3.5"
y="2.5"/>
<path d="M5,2 L15,2 C16.1045695,2 17,2.8954305 17,4 L17,14 C17,15.1045695 16.1045695,16 15,16 L5,16 C3.8954305,16 3,15.1045695 3,14 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"/>
<path d="M8.62700797,10.3954751 L12.5585785,4.90234375 C12.9700368,4.49609375 13.4049327,4.45963542 13.863266,4.79296875 C14.2512868,5.16796875 14.2968597,5.59114583 13.9999847,6.0625 L9.32029724,12.6132813 C9.10415141,12.8502604 8.85935974,12.96875 8.58592224,12.96875 C8.31248474,12.96875 8.07550557,12.8502604 7.87498474,12.6132813 L5.94139099,9.71484375 C5.69399516,9.20442708 5.79946391,8.77604167 6.25779724,8.4296875 C6.79425557,8.17447917 7.22915141,8.30064252 7.56248474,8.80817756 L8.62700797,10.3954751 Z"
fill="#"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>CheckBox.uncheckedDisabled.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.CheckBoxDisabled.inactiveFillColor">
<stop offset="0" stop-color="#3C3F41"/>
<stop offset="1" stop-color="#3C3F41"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxDisabled.inactiveBorderColor">
<stop offset="0" stop-color="#545556"/>
<stop offset="1" stop-color="#545556"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="13" rx="1.5" width="13" x="3.5" y="2.5"/>
<path d="M5,2 L15,2 C16.1045695,2 17,2.8954305 17,4 L17,14 C17,15.1045695 16.1045695,16 15,16 L5,16 C3.8954305,16 3,15.1045695 3,14 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>CheckBox.uncheckedFocused.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.CheckBoxFocused.activeFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxFocused.focusBorderColor">
<stop offset="0" stop-color="#466D94"/>
<stop offset="1" stop-color="#466D94"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxFocused.glowFocus">
<stop offset="0" stop-color="#3e84c9"/>
<stop offset="1" stop-color="#3e84c9"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="13" rx="1.5" width="13" x="3.5" y="2.5"/>
<path d="M5,0 L15,0 C17.209139,-4.05812251e-16 19,1.790861 19,4 L19,14 C19,16.209139 17.209139,18 15,18 L5,18 C2.790861,18 1,16.209139 1,14 L1,4 C1,1.790861 2.790861,4.05812251e-16 5,0 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"
fill-opacity="0.5"/>
<path d="M5,2 L15,2 C16.1045695,2 17,2.8954305 17,4 L17,14 C17,15.1045695 16.1045695,16 15,16 L5,16 C3.8954305,16 3,15.1045695 3,14 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>CheckBox.indeterminate.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.CheckBoxIndeterminateSelected.selectedFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxIndeterminateSelected.selectedBorderColor">
<stop offset="0" stop-color="#6B6B6B"/>
<stop offset="1" stop-color="#6B6B6B"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxIndeterminateSelected.selectionSelectedColor">
<stop offset="0" stop-color="#A7A7A7"/>
<stop offset="1" stop-color="#A7A7A7"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="13" rx="1.5" width="13" x="3.5"
y="2.5"/>
<path d="M5,2 L15,2 C16.1045695,2 17,2.8954305 17,4 L17,14 C17,15.1045695 16.1045695,16 15,16 L5,16 C3.8954305,16
3,15.1045695 3,14 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847
4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"/>
<rect fill="#" height="2.5" rx="1" width="8.4"
x="5.737" y="7.73"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>CheckBox.unchecked.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.CheckBox.activeFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.CheckBox.activeBorderColor">
<stop offset="0" stop-color="#6B6B6B"/>
<stop offset="1" stop-color="#6B6B6B"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="13.5" rx="2" width="13.5" x="3.5" y="2.5"/>
<path d="M5,2 L15,2 C16.1045695,2 17,2.8954305 17,4 L17,14 C17,15.1045695 16.1045695,16 15,16 L5,16 C3.8954305,16 3,15.1045695 3,14 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>CheckBox.selectedFocused.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.CheckBoxSelectedFocused.selectedFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxSelectedFocused.focusSelectedBorderColor">
<stop offset="0" stop-color="#466D94"/>
<stop offset="1" stop-color="#466D94"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxSelectedFocused.glowFocus">
<stop offset="0" stop-color="#3e84c9"/>
<stop offset="1" stop-color="#3e84c9"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxSelectedFocused.selectionFocusSelectedColor">
<stop offset="0" stop-color="#A7A7A7"/>
<stop offset="1" stop-color="#A7A7A7"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="13" rx="1.5" width="13" x="3.5"
y="2.5"/>
<path d="M5,0 L15,0 C17.209139,-4.05812251e-16 19,1.790861 19,4 L19,14 C19,16.209139 17.209139,18 15,18 L5,18 C2.790861,18 1,16.209139 1,14 L1,4 C1,1.790861 2.790861,4.05812251e-16 5,0 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"
fill-opacity="0.5"/>
<path d="M5,2 L15,2 C16.1045695,2 17,2.8954305 17,4 L17,14 C17,15.1045695 16.1045695,16 15,16 L5,16 C3.8954305,16 3,15.1045695 3,14 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"/>
<path d="M8.62700797,10.3954751 L12.5585785,4.90234375 C12.9700368,4.49609375 13.4049327,4.45963542 13.863266,4.79296875 C14.2512868,5.16796875 14.2968597,5.59114583 13.9999847,6.0625 L9.32029724,12.6132813 C9.10415141,12.8502604 8.85935974,12.96875 8.58592224,12.96875 C8.31248474,12.96875 8.07550557,12.8502604 7.87498474,12.6132813 L5.94139099,9.71484375 C5.69399516,9.20442708 5.79946391,8.77604167 6.25779724,8.4296875 C6.79425557,8.17447917 7.22915141,8.30064252 7.56248474,8.80817756 L8.62700797,10.3954751 Z"
fill="#"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>CheckBox.indeterminateDisabled.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.CheckBoxIndeterminateSelectedDisabled.inactiveFillColor">
<stop offset="0" stop-color="#3C3F41"/>
<stop offset="1" stop-color="#3C3F41"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxIndeterminateSelectedDisabled.inactiveBorderColor">
<stop offset="0" stop-color="#545556"/>
<stop offset="1" stop-color="#545556"/>
</linearGradient>
<linearGradient id="Icons.CheckBoxIndeterminateSelectedDisabled.selectionDisabledColor">
<stop offset="0" stop-color="#606060"/>
<stop offset="1" stop-color="#606060"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="13" rx="1.5" width="13"
x="3.5" y="2.5"/>
<path d="M5,2 L15,2 C16.1045695,2 17,2.8954305 17,4 L17,14 C17,15.1045695 16.1045695,16 15,16 L5,16 C3.8954305,16 3,15.1045695 3,14 L3,4 C3,2.8954305 3.8954305,2 5,2 Z M5,3 C4.44771525,3 4,3.44771525 4,4 L4,14 C4,14.5522847 4.44771525,15 5,15 L15,15 C15.5522847,15 16,14.5522847 16,14 L16,4 C16,3.44771525 15.5522847,3 15,3 L5,3 Z"
fill="#"/>
<rect fill="#" height="2.5" rx="1" width="8.4"
x="5.737" y="7.73"/>
</g>
</svg>
</td>
</tr>
</table>
<h3>CheckBoxMenuItem</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>CheckBoxMenuItemUI</td>
<td>com.github.weisj.darklaf.ui.togglebutton.checkbox.DarkCheckBoxMenuItemUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBoxMenuItem.borderPainted</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBoxMenuItem.doNotCloseOnMouseClick</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBoxMenuItem.disabledForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>CheckBoxMenuItem.dashIcon</td>
<td>Icon [0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBoxMenuItem.arrowIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBoxMenuItem.checkIcon</td>
<td>Icon [19,19]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBoxMenuItem.acceleratorFont</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=10]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="CheckBoxMenuItem.acceleratorFont"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=10].png">
</td>
</tr>
<tr>
<td>CheckBoxMenuItem.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="CheckBoxMenuItem.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>CheckBoxMenuItem.margin</td>
<td>Insets [2,2,2,2]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBoxMenuItem.acceleratorForeground</td>
<td>#505050 [080,080,080]</td>
<td>%acceleratorForeground</td>
<td height="25" style="background-color: #505050" width="150">
</tr>
<tr>
<td>CheckBoxMenuItem.acceleratorSelectionForeground</td>
<td>#505050 [080,080,080]</td>
<td>%acceleratorForeground</td>
<td height="25" style="background-color: #505050" width="150">
</tr>
<tr>
<td>CheckBoxMenuItem.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>CheckBoxMenuItem.selectionBackground</td>
<td>#2675BF [038,117,191]</td>
<td>%highlightFillFocus</td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>CheckBoxMenuItem.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>CheckBoxMenuItem.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>CheckBoxMenuItem.border</td>
<td>DarkMenuItemBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CheckBoxMenuItem.commandSound</td>
<td>sounds/MenuItemCommand.wav</td>
<td></td>
<td></td>
</tr>
</table>
<h3>Checkbox</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>Checkbox.select</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
</table>
<h3>ColorChooser</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ColorChooserUI</td>
<td>com.github.weisj.darklaf.ui.colorchooser.DarkColorChooserUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ColorChooser.showPreviewPanelText</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ColorChooser.pipetteEnabled</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ColorChooser.sliderKnobColor</td>
<td>#993300 [153,051,000]</td>
<td></td>
<td height="25" style="background-color: #993300" width="150">
</tr>
<tr>
<td>ColorChooser.swatchesRecentSwatchSize</td>
<td>Dimension [15,15]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ColorChooser.swatchesSwatchSize</td>
<td>Dimension [15,15]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ColorChooser.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ColorChooser.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>ColorChooser.errorDelay</td>
<td>600</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ColorChooser.swatchesDefaultRecentColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ColorChooser.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ColorChooser.colorWheelBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ColorChooser.swatchBorderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%border</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>ColorChooser.colorWheelDropBackgroundColor</td>
<td>#FCFAED [252,250,237]</td>
<td>%dropBackground</td>
<td height="25" style="background-color: #FCFAED" width="150">
</tr>
<tr>
<td>ColorChooser.colorWheelDropBorderColor</td>
<td>#C0C0C0 [192,192,192]</td>
<td>%dropForeground</td>
<td height="25" style="background-color: #C0C0C0" width="150">
</tr>
<tr>
<td>ColorChooser.swatchGridColor</td>
<td>#DDDDDD [221,221,221]</td>
<td>%gridLine</td>
<td height="25" style="background-color: #DDDDDD" width="150">
</tr>
<tr>
<td>ColorChooser.sliderShadow</td>
<td>#000000 [000,000,000]</td>
<td>%shadow</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ColorChooser.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ColorChooser.pipetteBorderColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%widgetBorder</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>ColorChooser.sliderBorderColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%widgetBorder</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>ColorChooser.previewBorderColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%widgetBorder</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>ColorChooser.pipetteRollover.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.pipetteRollover.color">
<stop offset="0" stop-color="#C75450"/>
<stop offset="1" stop-color="#C75450"/>
</linearGradient>
</defs>
<path d="M15.0494737,2.67473684 L13.3252632,0.950526316 C13.0378947,0.663157895 12.5736842,0.663157895 12.2863158,0.950526316 L9.98736842,3.24947368 L8.56526316,1.84210526 L7.52631579,2.88105263 L8.57263158,3.92736842 L2,10.5 L2,14 L5.5,14 L12.0726316,7.42736842 L13.1189474,8.47368421 L14.1578947,7.43473684 L12.7431579,6.02 L15.0421053,3.72105263 C15.3368421,3.42631579 15.3368421,2.96210526 15.0494737,2.67473684 Z M4.88842105,12.5263158 L3.47368421,11.1115789 L9.41263158,5.17263158 L10.8273684,6.58736842 L4.88842105,12.5263158 Z"
fill="#"/>
</svg>
</td>
</tr>
<tr>
<td>ColorChooser.pipette.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.pipette.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M15.0494737,2.67473684 L13.3252632,0.950526316 C13.0378947,0.663157895 12.5736842,0.663157895 12.2863158,0.950526316 L9.98736842,3.24947368 L8.56526316,1.84210526 L7.52631579,2.88105263 L8.57263158,3.92736842 L2,10.5 L2,14 L5.5,14 L12.0726316,7.42736842 L13.1189474,8.47368421 L14.1578947,7.43473684 L12.7431579,6.02 L15.0421053,3.72105263 C15.3368421,3.42631579 15.3368421,2.96210526 15.0494737,2.67473684 Z M4.88842105,12.5263158 L3.47368421,11.1115789 L9.41263158,5.17263158 L10.8273684,6.58736842 L4.88842105,12.5263158 Z"
fill="#"/>
</svg>
</td>
</tr>
</table>
<h3>ComboBox</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ComboBoxUI</td>
<td>com.github.weisj.darklaf.ui.combobox.DarkComboBoxUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ComboBox.isEnterSelectablePopup</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ComboBox.noActionOnKeyNavigation</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ComboBox.squareButton</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ComboBox.buttonDarkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>ComboBox.buttonShadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>ComboBox.buttonBackground</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>ComboBox.buttonHighlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ComboBox.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ComboBox.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>ComboBox.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ComboBox.cellEditorInsets</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ComboBox.insets</td>
<td>Insets [5,5,5,5]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ComboBox.buttonPad</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ComboBox.timeFactor</td>
<td>1000</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ComboBox.arc</td>
<td>5</td>
<td>%arc</td>
<td></td>
</tr>
<tr>
<td>ComboBox.editBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ComboBox.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ComboBox.activeBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ComboBox.arrowBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ComboBox.borderThickness</td>
<td>3</td>
<td>%borderThickness</td>
<td></td>
</tr>
<tr>
<td>ComboBox.focusBorderColor</td>
<td>#7B9FC7 [123,159,199]</td>
<td>%glowFocusLine</td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>ComboBox.selectionBackground</td>
<td>#2675BF [038,117,191]</td>
<td>%highlightFillFocus</td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>ComboBox.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ComboBox.disabledForeground</td>
<td>#777777 [119,119,119]</td>
<td>%textForegroundInactive</td>
<td height="25" style="background-color: #777777" width="150">
</tr>
<tr>
<td>ComboBox.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>ComboBox.activeBorderColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%widgetBorder</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>ComboBox.inactiveBorderColor</td>
<td>#CFCFCF [207,207,207]</td>
<td>%widgetBorderInactive</td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>ComboBox.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%widgetFillInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ComboBox.disabledBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%widgetFillInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ComboBox.arrowEditable.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>ComboBox.arrow.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>ComboBox.arrowInactive.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDownDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
</table>
<h3>Desktop</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>Desktop.minOnScreenInsets</td>
<td>Insets [3,3,3,3]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Desktop.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Desktop.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
</table>
<h3>DesktopIcon</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>DesktopIconUI</td>
<td>com.github.weisj.darklaf.ui.internalframe.DarkDesktopIconUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>DesktopIcon.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="DesktopIcon.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>DesktopIcon.width</td>
<td>160</td>
<td></td>
<td></td>
</tr>
<tr>
<td>DesktopIcon.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>DesktopIcon.hoverColor</td>
<td>#D9D9D9 [217,217,217]</td>
<td>%backgroundHoverSecondary</td>
<td height="25" style="background-color: #D9D9D9" width="150">
</tr>
<tr>
<td>DesktopIcon.clickColor</td>
<td>#D9D9D9 [217,217,217]</td>
<td>%backgroundHoverSecondary</td>
<td height="25" style="background-color: #D9D9D9" width="150">
</tr>
<tr>
<td>DesktopIcon.borderColor</td>
<td>#A0A0A0 [160,160,160]</td>
<td>%borderTertiary</td>
<td height="25" style="background-color: #A0A0A0" width="150">
</tr>
<tr>
<td>DesktopIcon.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>DesktopIcon.border</td>
<td>DarkDesktopIconBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="DesktopIcon.border" src="img/DarkDesktopIconBorder.png"></td>
</tr>
<tr>
<td>DesktopIcon.drag.icon</td>
<td>Icon [5,20]</td>
<td></td>
<td align="center">
<svg height="20" viewBox="0 0 5 20" width="5" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.horizontalGrip.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="6" width="1.5" x="0.5" y="0"/>
<rect fill="#" height="6" width="1.5" x="0.5" y="7"/>
<rect fill="#" height="6" width="1.5" x="0.5" y="14"/>
<rect fill="#" height="6" width="1.5" x="3" y="0"/>
<rect fill="#" height="6" width="1.5" x="3" y="7"/>
<rect fill="#" height="6" width="1.5" x="3" y="14"/>
</g>
</svg>
</td>
</tr>
</table>
<h3>DesktopPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>DesktopPaneUI</td>
<td>javax.swing.plaf.basic.BasicDesktopPaneUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>EditorPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>EditorPaneUI</td>
<td>com.github.weisj.darklaf.ui.text.DarkEditorPaneUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>EditorPane.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="EditorPane.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>EditorPane.margin</td>
<td>Insets [3,3,3,3]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>EditorPane.caretBlinkRate</td>
<td>500</td>
<td></td>
<td></td>
</tr>
<tr>
<td>EditorPane.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>EditorPane.caretForeground</td>
<td>#000000 [000,000,000]</td>
<td>%caret</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>EditorPane.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackground</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>EditorPane.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>EditorPane.disabledBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>EditorPane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>EditorPane.inactiveForeground</td>
<td>#777777 [119,119,119]</td>
<td>%textForegroundInactive</td>
<td height="25" style="background-color: #777777" width="150">
</tr>
<tr>
<td>EditorPane.selectionBackground</td>
<td>#5974AB [089,116,171]</td>
<td>%textSelectionBackground</td>
<td height="25" style="background-color: #5974AB" width="150">
</tr>
<tr>
<td>EditorPane.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
</table>
<h3>FileChooser</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>FileChooserUI</td>
<td>com.github.weisj.darklaf.ui.filechooser.DarkFileChooserUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.useSystemExtensionHiding</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.readOnly</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.usesSingleFilePane</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.listViewWindowsStyle</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.rowHeight</td>
<td>20</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.minEditDelay</td>
<td>200</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.maxEditDelay</td>
<td>600</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%border</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>FileChooser.listViewBorder</td>
<td>DarkFileChooserListViewBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="FileChooser.listViewBorder"
src="img/DarkFileChooserListViewBorder.png"></td>
</tr>
<tr>
<td>FileChooser.fileSizeGigaBytes</td>
<td>{0} gb</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.fileSizeKiloBytes</td>
<td>{0} kb</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.fileSizeMegaBytes</td>
<td>{0} mb</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileChooser.listViewSelectedIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.groupBy.selected.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="4" width="4" x="3" y="3"/>
<rect fill="#" height="4" width="4" x="3" y="9"/>
<rect fill="#" height="4" width="4" x="9" y="3"/>
<rect fill="#" height="4" width="4" x="9" y="9"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>FileChooser.homeFolderIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.homeFolder.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M9,13 L9,10 L7,10 L7,13 L4,13 L4,7 L12,7 L12,13 L9,13 Z" fill="#"/>
<polygon fill="#" points="8 2 15 8 1 8"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>FileChooser.detailsViewIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.listFiles.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="2" width="12" x="2" y="3"/>
<rect fill="#" height="2" width="12" x="2" y="7"/>
<rect fill="#" height="2" width="12" x="2" y="11"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>FileChooser.upFolderIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.upFolder.color">
<stop offset="0" stop-color="#9AA7B0"/>
<stop offset="1" stop-color="#9AA7B0"/>
</linearGradient>
<linearGradient id="Icons.upFolder.arrowColor">
<stop offset="0" stop-color="#40B6E0"/>
<stop offset="1" stop-color="#40B6E0"/>
</linearGradient>
</defs>
<path d="M14,4 L14,9 L10,9 L10,4 L7.984,4 L6.696,2.711 C6.305,2.32 5.532,2 4.979,2 L1.051,2 C1.023,2 1,2.023 1,2.051 L1,13 L15,13 L15,4 L14,4 Z"
fill="#" fill-opacity=".8"
fill-rule="evenodd"/>
<polygon fill="#" fill-rule="evenodd" points="15 3 12 0 9 3 11 3 11 8 13 8 13 3"/>
</svg>
</td>
</tr>
<tr>
<td>FileChooser.newFolderIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.newFolder.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M9,13 L2,13 L2,5 L2,3 L6.60006714,3 L7.75640322,5 L14,5 L14,8 L11,8 L11,10 L9,10 L9,13 Z"
fill="#"/>
<rect fill="#" height="6" width="2" x="12" y="9"/>
<rect fill="#" height="2" width="6" x="10" y="11"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>FileChooser.detailsViewSelectedIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.listFiles.selected.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="2" width="12" x="2" y="3"/>
<rect fill="#" height="2" width="12" x="2" y="7"/>
<rect fill="#" height="2" width="12" x="2" y="11"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>FileChooser.listViewIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.groupBy.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="4" width="4" x="3" y="3"/>
<rect fill="#" height="4" width="4" x="3" y="9"/>
<rect fill="#" height="4" width="4" x="9" y="3"/>
<rect fill="#" height="4" width="4" x="9" y="9"/>
</g>
</svg>
</td>
</tr>
</table>
<h3>FileView</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>FileView.fullRowSelection</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FileView.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackground</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>FileView.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>FileView.hardDriveIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.drive.color">
<stop offset="0" stop-color="#9AA7B0"/>
<stop offset="1" stop-color="#9AA7B0"/>
</linearGradient>
<linearGradient id="Icons.drive.dotColor">
<stop offset="0" stop-color="#499C54"/>
<stop offset="1" stop-color="#499C54"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" fill-opacity=".8" height="4" width="12" x="2" y="9"/>
<rect fill="#" height="2" width="2" x="11" y="10"/>
<rect fill="#" fill-opacity=".8" height="4" width="12" x="2" y="4"/>
<rect fill="#" height="2" width="2" x="11" y="5"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>FileView.floppyDriveIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.save.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M11,14 L11,11 L5,11 L5,14 L2,14 L2,2 L14,2 L14,14 L11,14 Z M4,4 L4,8 L12,8 L12,4 L4,4 Z M6,12 L10,12 L10,14 L6,14 L6,12 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>FileView.computerIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.desktop.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M2,3 L14,3 L14,11 L2,11 L2,3 Z M4,5 L4,9 L12,9 L12,5 L4,5 Z" fill="#"/>
<rect fill="#" height="2" width="12" x="2" y="12"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>FileView.directoryIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.folder.color">
<stop offset="0" stop-color="#9AA7B0"/>
<stop offset="1" stop-color="#9AA7B0"/>
</linearGradient>
</defs>
<path d="M1,13 L15,13 L15,4 L7.98457,4 L6.69633,2.71149 C6.22161957,2.28559443 5.61570121,2.03457993 4.97888,2 L1.05128,2 C1.02295884,2 1,2.02295884 1,2.05128 L1,13 Z"
fill="#"
fill-opacity=".8"/>
</svg>
</td>
</tr>
<tr>
<td>FileView.fileIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.generalFile.color">
<stop offset="0" stop-color="#9AA7B0"/>
<stop offset="1" stop-color="#9AA7B0"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<polygon fill="#" fill-opacity=".8" points="7 1 3 5 7 5"/>
<polygon fill="#" fill-opacity=".8" points="8 1 8 6 3 6 3 15 13 15 13 1"/>
</g>
</svg>
</td>
</tr>
</table>
<h3>FormattedTextField</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>FormattedTextFieldUI</td>
<td>com.github.weisj.darklaf.ui.text.DarkFormattedTextFieldUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FormattedTextField.inactiveForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>FormattedTextField.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="FormattedTextField.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>FormattedTextField.margin</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FormattedTextField.caretBlinkRate</td>
<td>500</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FormattedTextField.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FormattedTextField.caretForeground</td>
<td>#000000 [000,000,000]</td>
<td>%caret</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>FormattedTextField.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackground</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>FormattedTextField.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>FormattedTextField.disabledBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>FormattedTextField.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>FormattedTextField.selectionBackground</td>
<td>#5974AB [089,116,171]</td>
<td>%textSelectionBackground</td>
<td height="25" style="background-color: #5974AB" width="150">
</tr>
<tr>
<td>FormattedTextField.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>FormattedTextField.border</td>
<td>DarkTextBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="FormattedTextField.border" src="img/DarkTextBorder.png"></td>
</tr>
</table>
<h3>Highlight</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>Highlight.arc</td>
<td>5</td>
<td>%arc</td>
<td></td>
</tr>
</table>
<h3>Hyperlink</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>Hyperlink.linkColor</td>
<td>#589DF6 [088,157,246]</td>
<td>%hyperlink</td>
<td height="25" style="background-color: #589DF6" width="150">
</tr>
</table>
<h3>IconButton</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>IconButton.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="IconButton.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
</table>
<h3>Icons</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>Icons.CheckBox.activeBorderColor</td>
<td>#878787 [135,135,135]</td>
<td>%CheckBox.activeBorderColor</td>
<td height="25" style="background-color: #878787" width="150">
</tr>
<tr>
<td>Icons.CheckBox.activeFillColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%CheckBox.activeFillColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.CheckBoxFocused.activeFillColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%CheckBox.activeFillColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.CheckBoxFocused.focusBorderColor</td>
<td>#7B9FC7 [123,159,199]</td>
<td>%CheckBox.focusBorderColor</td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelectedFocused.focusSelectedBorderColor</td>
<td>#ACCFF7 [172,207,247]</td>
<td>%CheckBox.focusSelectedBorderColor</td>
<td height="25" style="background-color: #ACCFF7" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelectedFocused.focusSelectedBorderColor</td>
<td>#ACCFF7 [172,207,247]</td>
<td>%CheckBox.focusSelectedBorderColor</td>
<td height="25" style="background-color: #ACCFF7" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelectedDisabled.inactiveBorderColor</td>
<td>#BDBDBD [189,189,189]</td>
<td>%CheckBox.inactiveBorderColor</td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelectedDisabled.inactiveBorderColor</td>
<td>#BDBDBD [189,189,189]</td>
<td>%CheckBox.inactiveBorderColor</td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>Icons.CheckBoxDisabled.inactiveBorderColor</td>
<td>#BDBDBD [189,189,189]</td>
<td>%CheckBox.inactiveBorderColor</td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>Icons.CheckBoxDisabled.inactiveFillColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%CheckBox.inactiveFillColor</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelectedDisabled.inactiveFillColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%CheckBox.inactiveFillColor</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelectedDisabled.inactiveFillColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%CheckBox.inactiveFillColor</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelected.selectedBorderColor</td>
<td>#4982CC [073,130,204]</td>
<td>%CheckBox.selectedBorderColor</td>
<td height="25" style="background-color: #4982CC" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelected.selectedBorderColor</td>
<td>#4982CC [073,130,204]</td>
<td>%CheckBox.selectedBorderColor</td>
<td height="25" style="background-color: #4982CC" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelectedFocused.selectedFillColor</td>
<td>#4D89C9 [077,137,201]</td>
<td>%CheckBox.selectedFillColor</td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelected.selectedFillColor</td>
<td>#4D89C9 [077,137,201]</td>
<td>%CheckBox.selectedFillColor</td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelectedFocused.selectedFillColor</td>
<td>#4D89C9 [077,137,201]</td>
<td>%CheckBox.selectedFillColor</td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelected.selectedFillColor</td>
<td>#4D89C9 [077,137,201]</td>
<td>%CheckBox.selectedFillColor</td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelectedDisabled.selectionDisabledColor</td>
<td>#ABABAB [171,171,171]</td>
<td>%CheckBox.selectionDisabledColor</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelectedDisabled.selectionDisabledColor</td>
<td>#ABABAB [171,171,171]</td>
<td>%CheckBox.selectionDisabledColor</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelectedFocused.selectionFocusSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%CheckBox.selectionFocusSelectedColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelectedFocused.selectionFocusSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%CheckBox.selectionFocusSelectedColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelected.selectionSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%CheckBox.selectionSelectedColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelected.selectionSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%CheckBox.selectionSelectedColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.RadioButton.activeBorderColor</td>
<td>#878787 [135,135,135]</td>
<td>%RadioButton.activeBorderColor</td>
<td height="25" style="background-color: #878787" width="150">
</tr>
<tr>
<td>Icons.RadioButton.activeFillColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%RadioButton.activeFillColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.RadioButtonFocused.activeFillColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%RadioButton.activeFillColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.RadioButtonFocused.focusBorderColor</td>
<td>#7B9FC7 [123,159,199]</td>
<td>%RadioButton.focusBorderColor</td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelectedFocused.focusSelectedBorderColor</td>
<td>#ACCFF7 [172,207,247]</td>
<td>%RadioButton.focusSelectedBorderColor</td>
<td height="25" style="background-color: #ACCFF7" width="150">
</tr>
<tr>
<td>Icons.RadioButtonDisabled.inactiveBorderColor</td>
<td>#BDBDBD [189,189,189]</td>
<td>%RadioButton.inactiveBorderColor</td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelectedDisabled.inactiveBorderColor</td>
<td>#BDBDBD [189,189,189]</td>
<td>%RadioButton.inactiveBorderColor</td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>Icons.RadioButtonDisabled.inactiveFillColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%RadioButton.inactiveFillColor</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelectedDisabled.inactiveFillColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%RadioButton.inactiveFillColor</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelected.selectedBorderColor</td>
<td>#4982CC [073,130,204]</td>
<td>%RadioButton.selectedBorderColor</td>
<td height="25" style="background-color: #4982CC" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelected.selectedFillColor</td>
<td>#4D89C9 [077,137,201]</td>
<td>%RadioButton.selectedFillColor</td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelectedFocused.selectedFillColor</td>
<td>#4D89C9 [077,137,201]</td>
<td>%RadioButton.selectedFillColor</td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelectedDisabled.selectionDisabledColor</td>
<td>#ABABAB [171,171,171]</td>
<td>%RadioButton.selectionDisabledColor</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelectedFocused.selectionFocusSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%RadioButton.selectionFocusSelectedColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelected.selectionSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%RadioButton.selectionSelectedColor</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.divider.color</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>Icons.pipetteRollover.color</td>
<td>#DB5860 [219,088,096]</td>
<td>%errorIconColor</td>
<td height="25" style="background-color: #DB5860" width="150">
</tr>
<tr>
<td>Icons.errorDialog.color</td>
<td>#DB5860 [219,088,096]</td>
<td>%errorIconColor</td>
<td height="25" style="background-color: #DB5860" width="150">
</tr>
<tr>
<td>Icons.drive.color</td>
<td>#9AA7B0 [154,167,176]</td>
<td>%fileIconBackground</td>
<td height="25" style="background-color: #9AA7B0" width="150">
</tr>
<tr>
<td>Icons.generalFile.color</td>
<td>#9AA7B0 [154,167,176]</td>
<td>%fileIconBackground</td>
<td height="25" style="background-color: #9AA7B0" width="150">
</tr>
<tr>
<td>Icons.unknownFile.color</td>
<td>#9AA7B0 [154,167,176]</td>
<td>%fileIconBackground</td>
<td height="25" style="background-color: #9AA7B0" width="150">
</tr>
<tr>
<td>Icons.textFile.color</td>
<td>#9AA7B0 [154,167,176]</td>
<td>%fileIconBackground</td>
<td height="25" style="background-color: #9AA7B0" width="150">
</tr>
<tr>
<td>Icons.upFolder.color</td>
<td>#9AA7B0 [154,167,176]</td>
<td>%fileIconBackground</td>
<td height="25" style="background-color: #9AA7B0" width="150">
</tr>
<tr>
<td>Icons.folder.color</td>
<td>#9AA7B0 [154,167,176]</td>
<td>%fileIconBackground</td>
<td height="25" style="background-color: #9AA7B0" width="150">
</tr>
<tr>
<td>Icons.textFile.foregroundColor</td>
<td>#231F20 [035,031,032]</td>
<td>%fileIconForeground</td>
<td height="25" style="background-color: #231F20" width="150">
</tr>
<tr>
<td>Icons.drive.dotColor</td>
<td>#59A869 [089,168,105]</td>
<td>%fileIconHighlight</td>
<td height="25" style="background-color: #59A869" width="150">
</tr>
<tr>
<td>Icons.CheckBoxIndeterminateSelectedFocused.glowFocus</td>
<td>#3D94F2 [061,148,242]</td>
<td>%glowFocus</td>
<td height="25" style="background-color: #3D94F2" width="150">
</tr>
<tr>
<td>Icons.CheckBoxSelectedFocused.glowFocus</td>
<td>#3D94F2 [061,148,242]</td>
<td>%glowFocus</td>
<td height="25" style="background-color: #3D94F2" width="150">
</tr>
<tr>
<td>Icons.CheckBoxFocused.glowFocus</td>
<td>#3D94F2 [061,148,242]</td>
<td>%glowFocus</td>
<td height="25" style="background-color: #3D94F2" width="150">
</tr>
<tr>
<td>Icons.RadioButtonSelectedFocused.glowFocus</td>
<td>#3D94F2 [061,148,242]</td>
<td>%glowFocus</td>
<td height="25" style="background-color: #3D94F2" width="150">
</tr>
<tr>
<td>Icons.RadioButtonFocused.glowFocus</td>
<td>#3D94F2 [061,148,242]</td>
<td>%glowFocus</td>
<td height="25" style="background-color: #3D94F2" width="150">
</tr>
<tr>
<td>Icons.informationDialog.color</td>
<td>#389FD6 [056,159,214]</td>
<td>%informationIconColor</td>
<td height="25" style="background-color: #389FD6" width="150">
</tr>
<tr>
<td>Icons.arrowDownDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.arrowRightDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.moveToRightTopDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.arrowUpDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker4Disabled.volumeColor</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.moveToLeftTopDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker2Disabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.eyeHovered.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.moveToRightBottomDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker0Disabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker1Disabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.moveToBottomLeftDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.moveToTopLeftDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker2Disabled.volumeColor</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker1Disabled.volumeColor</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.moveToBottomRightDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.closeHovered.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker3Disabled.volumeColor</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker3Disabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker0Disabled.crossColor</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.moveToTopRightDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.speaker4Disabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.arrowLeftDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.moveToLeftBottomDisabled.color</td>
<td>#AFB1B3 [175,177,179]</td>
<td>%menuIconDisabled</td>
<td height="25" style="background-color: #AFB1B3" width="150">
</tr>
<tr>
<td>Icons.minus.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.groupBy.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.copy.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker3.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowDownSort.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.newFolder.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moveToTopLeft.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.verticalGrip.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.clear.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowsUpDownSort.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.eye.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.separatorH.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowDivider.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker2.volumeColor</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker4.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.search.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.pipette.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker3.volumeColor</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moveToRightTop.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker1.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.save.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowUp.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.cut.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.plus.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moveToBottomLeft.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowSplitCenterH.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowUpSort.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.searchWithHistory.arrowColor</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker2.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.collapse.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowDown.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.searchWithHistory.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.desktop.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moveToLeftTop.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker0.crossColor</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.close.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.frame.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.paste.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moreTabs.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.verticalGlue.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moveToRightBottom.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.delete.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.add.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker4.volumeColor</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moveToBottomRight.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowLeft.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.homeFolder.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moveToTopRight.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker0.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moreTabs.arrowColor</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.horizontalGrip.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowSplitCenterV.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.moveToLeftBottom.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.separatorV.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.speaker1.volumeColor</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.arrowRight.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.listFiles.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.horizontalGlue.color</td>
<td>#6E6E6E [110,110,110]</td>
<td>%menuIconEnabled</td>
<td height="25" style="background-color: #6E6E6E" width="150">
</tr>
<tr>
<td>Icons.unknownFile.questionColor</td>
<td>#389FD6 [056,159,214]</td>
<td>%menuIconHighlight</td>
<td height="25" style="background-color: #389FD6" width="150">
</tr>
<tr>
<td>Icons.upFolder.arrowColor</td>
<td>#389FD6 [056,159,214]</td>
<td>%menuIconHighlight</td>
<td height="25" style="background-color: #389FD6" width="150">
</tr>
<tr>
<td>Icons.arrowLeftHover.color</td>
<td>#ECECEC [236,236,236]</td>
<td>%menuIconHovered</td>
<td height="25" style="background-color: #ECECEC" width="150">
</tr>
<tr>
<td>Icons.arrowDownHover.color</td>
<td>#ECECEC [236,236,236]</td>
<td>%menuIconHovered</td>
<td height="25" style="background-color: #ECECEC" width="150">
</tr>
<tr>
<td>Icons.arrowUpHover.color</td>
<td>#ECECEC [236,236,236]</td>
<td>%menuIconHovered</td>
<td height="25" style="background-color: #ECECEC" width="150">
</tr>
<tr>
<td>Icons.arrowRightHover.color</td>
<td>#ECECEC [236,236,236]</td>
<td>%menuIconHovered</td>
<td height="25" style="background-color: #ECECEC" width="150">
</tr>
<tr>
<td>Icons.plusSelected.color</td>
<td>#FFFFFF [255,255,255]</td>
<td>%menuIconSelected</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.arrowDownSelected.color</td>
<td>#FFFFFF [255,255,255]</td>
<td>%menuIconSelected</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.minusSelected.color</td>
<td>#FFFFFF [255,255,255]</td>
<td>%menuIconSelected</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.arrowLeftSelected.color</td>
<td>#FFFFFF [255,255,255]</td>
<td>%menuIconSelected</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.arrowRightSelected.color</td>
<td>#FFFFFF [255,255,255]</td>
<td>%menuIconSelected</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.arrowUpSelected.color</td>
<td>#FFFFFF [255,255,255]</td>
<td>%menuIconSelected</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.listFiles.selected.color</td>
<td>#EEEEEE [238,238,238]</td>
<td>%menuIconSelectedSecondary</td>
<td height="25" style="background-color: #EEEEEE" width="150">
</tr>
<tr>
<td>Icons.groupBy.selected.color</td>
<td>#EEEEEE [238,238,238]</td>
<td>%menuIconSelectedSecondary</td>
<td height="25" style="background-color: #EEEEEE" width="150">
</tr>
<tr>
<td>Icons.questionDialog.color</td>
<td>#EDA200 [237,162,000]</td>
<td>%questionIconColor</td>
<td height="25" style="background-color: #EDA200" width="150">
</tr>
<tr>
<td>Icons.checkmarkDisabled.color</td>
<td>#B8BABA [184,186,186]</td>
<td>%textIconDisabled</td>
<td height="25" style="background-color: #B8BABA" width="150">
</tr>
<tr>
<td>Icons.checkmark.color</td>
<td>#3E3E3C [062,062,060]</td>
<td>%textIconEnabled</td>
<td height="25" style="background-color: #3E3E3C" width="150">
</tr>
<tr>
<td>Icons.checkmarkSelected.color</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textIconSelected</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Icons.warningDialog.color</td>
<td>#389FD6 [056,159,214]</td>
<td>%warningIconColor</td>
<td height="25" style="background-color: #389FD6" width="150">
</tr>
<tr>
<td>Icons.windowMaximize.color</td>
<td>#050708 [005,007,008]</td>
<td>%windowButton</td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>Icons.windowMinimize.color</td>
<td>#050708 [005,007,008]</td>
<td>%windowButton</td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>Icons.windowClose.color</td>
<td>#050708 [005,007,008]</td>
<td>%windowButton</td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>Icons.windowRestore.color</td>
<td>#050708 [005,007,008]</td>
<td>%windowButton</td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>Icons.windowHelp.color</td>
<td>#050708 [005,007,008]</td>
<td>%windowButton</td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>Icons.windowRestoreInactive.color</td>
<td>#9B9C9C [155,156,156]</td>
<td>%windowButtonDisabled</td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>Icons.windowHelpInactive.color</td>
<td>#9B9C9C [155,156,156]</td>
<td>%windowButtonDisabled</td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>Icons.windowCloseInactive.color</td>
<td>#9B9C9C [155,156,156]</td>
<td>%windowButtonDisabled</td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>Icons.windowMinimizeInactive.color</td>
<td>#9B9C9C [155,156,156]</td>
<td>%windowButtonDisabled</td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>Icons.windowMaximizeInactive.color</td>
<td>#9B9C9C [155,156,156]</td>
<td>%windowButtonDisabled</td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>Icons.windowCloseHover.color</td>
<td>#FFFFFF [255,255,255]</td>
<td>%windowCloseHovered</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
</table>
<h3>InternalFrame</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>InternalFrameUI</td>
<td>com.github.weisj.darklaf.ui.internalframe.DarkInternalFrameUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrame.inactiveTitleForeground</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>InternalFrame.activeTitleForeground</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>InternalFrame.borderDarkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>InternalFrame.borderShadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>InternalFrame.borderColor</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>InternalFrame.inactiveTitleBackground</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>InternalFrame.borderHighlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>InternalFrame.borderLight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>InternalFrame.titleFont</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=11]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="InternalFrame.titleFont"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=11].png">
</td>
</tr>
<tr>
<td>InternalFrame.paletteTitleHeight</td>
<td>11</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrame.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>InternalFrame.activeTitleBackground</td>
<td>#E6EBF0 [230,235,240]</td>
<td>%backgroundColorful</td>
<td height="25" style="background-color: #E6EBF0" width="150">
</tr>
<tr>
<td>InternalFrame.borderShadowColor</td>
<td>#000000 [000,000,000]</td>
<td>%shadow</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>InternalFrame.optionDialogBorder</td>
<td>DarkInternalFrameBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="InternalFrame.optionDialogBorder"
src="img/DarkInternalFrameBorder.png"></td>
</tr>
<tr>
<td>InternalFrame.paletteBorder</td>
<td>DarkInternalFrameBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="InternalFrame.paletteBorder"
src="img/DarkInternalFrameBorder.png"></td>
</tr>
<tr>
<td>InternalFrame.border</td>
<td>DarkInternalFrameBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="InternalFrame.border" src="img/DarkInternalFrameBorder.png">
</td>
</tr>
<tr>
<td>InternalFrame.closeSound</td>
<td>sounds/FrameClose.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrame.maximizeSound</td>
<td>sounds/FrameMaximize.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrame.minimizeSound</td>
<td>sounds/FrameMinimize.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrame.restoreDownSound</td>
<td>sounds/FrameRestoreDown.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrame.restoreUpSound</td>
<td>sounds/FrameRestoreUp.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrame.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.frame.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="1" width="10" x="2" y="2"/>
<rect fill="#" height="10" width="1" x="2" y="2"/>
<rect fill="#" height="10" width="1" x="4" y="4"/>
<rect fill="#" height="1" width="10" x="4" y="4"/>
<rect fill="#" height="1" width="10" x="4" y="13"/>
<rect fill="#" height="10" width="1" x="13" y="4"/>
</g>
</svg>
</td>
</tr>
</table>
<h3>InternalFrameTitlePane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>InternalFrameTitlePane.closeButtonOpacity</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrameTitlePane.maximizeButtonOpacity</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrameTitlePane.iconifyButtonOpacity</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>InternalFrameTitlePane.buttonColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.backgroundColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.selectedBackgroundColor</td>
<td>#E6EBF0 [230,235,240]</td>
<td>%backgroundColorful</td>
<td height="25" style="background-color: #E6EBF0" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.selectedButtonColor</td>
<td>#E6EBF0 [230,235,240]</td>
<td>%backgroundColorful</td>
<td height="25" style="background-color: #E6EBF0" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.buttonClickColor</td>
<td>#CFCFCF [207,207,207]</td>
<td>%clickHighlight</td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.selectedButtonClickColor</td>
<td>#CDD7E1 [205,215,225]</td>
<td>%clickHighlightColorful</td>
<td height="25" style="background-color: #CDD7E1" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.buttonHoverColor</td>
<td>#DFDFDF [223,223,223]</td>
<td>%hoverHighlight</td>
<td height="25" style="background-color: #DFDFDF" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.selectedButtonHoverColor</td>
<td>#DAE1E9 [218,225,233]</td>
<td>%hoverHighlightColorful</td>
<td height="25" style="background-color: #DAE1E9" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.selectedTextForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>InternalFrameTitlePane.minimize.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.windowRestore.color">
<stop offset="0" stop-color="#A9A9A9"/>
<stop offset="1" stop-color="#A9A9A9"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M5,8 L5,7 L7,7 L7,1 L1,1 L1,3 L0,3 L0,0 L8,0 L8,8 L5,8 Z" fill="#"
transform="translate(5 3)"/>
<path d="M0,0 L8,0 L8,8 L0,8 L0,0 Z M1,1 L1,7 L7,7 L7,1 L1,1 Z" fill="#"
transform="translate(3 5)"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>InternalFrameTitlePane.close.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.windowClose.color">
<stop offset="0" stop-color="#A9A9A9"/>
<stop offset="1" stop-color="#A9A9A9"/>
</linearGradient>
</defs>
<g fill="#" fill-rule="evenodd" transform="translate(3 3)">
<rect height="1" transform="rotate(45 5 5)" width="13" x="-1.5" y="4.5"/>
<rect height="1" transform="scale(-1 1) rotate(45 0 -7.071)" width="13" x="-1.5" y="4.5"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>InternalFrameTitlePane.iconify.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.windowMinimize.color">
<stop offset="0" stop-color="#A9A9A9"/>
<stop offset="1" stop-color="#A9A9A9"/>
</linearGradient>
</defs>
<rect fill="#" fill-rule="evenodd" height="1" width="10" x="3" y="8"/>
</svg>
</td>
</tr>
<tr>
<td>InternalFrameTitlePane.maximize.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.windowMaximize.color">
<stop offset="0" stop-color="#A9A9A9"/>
<stop offset="1" stop-color="#A9A9A9"/>
</linearGradient>
</defs>
<path d="M3,3 L13,3 L13,13 L3,13 L3,3 Z M4,4 L4,12 L12,12 L12,4 L4,4 Z" fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
</table>
<h3>Label</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>LabelUI</td>
<td>com.github.weisj.darklaf.ui.label.DarkLabelUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Label.disabledShadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>Label.disabledForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>Label.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Label.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>Label.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Label.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Label.inactiveForeground</td>
<td>#777777 [119,119,119]</td>
<td>%textForegroundInactive</td>
<td height="25" style="background-color: #777777" width="150">
</tr>
<tr>
<td>Label.cellForegroundNoFocus</td>
<td>#000000 [000,000,000]</td>
<td>%textSelectionForegroundInactive</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
</table>
<h3>List</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ListUI</td>
<td>com.github.weisj.darklaf.ui.list.DarkListUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>List.cellRenderer</td>
<td>UIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>List.alternateRowColor</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>List.noFocusBorder</td>
<td>EmptyBorderUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>List.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="List.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>List.focusInputMap.RightToLeft</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>List.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>List.timeFactor</td>
<td>1000</td>
<td></td>
<td></td>
</tr>
<tr>
<td>List.alternateRowBackground</td>
<td>#F2F5F9 [242,245,249]</td>
<td>%backgroundAlternative</td>
<td height="25" style="background-color: #F2F5F9" width="150">
</tr>
<tr>
<td>List.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>List.focusBorderColor</td>
<td>#83BFF5 [131,191,245]</td>
<td>%borderFocus</td>
<td height="25" style="background-color: #83BFF5" width="150">
</tr>
<tr>
<td>List.dropLineColor</td>
<td>#C0C0C0 [192,192,192]</td>
<td>%dropForeground</td>
<td height="25" style="background-color: #C0C0C0" width="150">
</tr>
<tr>
<td>List.selectionNoFocusBackground</td>
<td>#D5D5D5 [213,213,213]</td>
<td>%highlightFill</td>
<td height="25" style="background-color: #D5D5D5" width="150">
</tr>
<tr>
<td>List.selectionBackground</td>
<td>#2675BF [038,117,191]</td>
<td>%highlightFillFocus</td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>List.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>List.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>List.selectionForegroundInactive</td>
<td>#000000 [000,000,000]</td>
<td>%textSelectionForegroundInactive</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>List.focusSelectedCellHighlightBorder</td>
<td>DarkListCellFocusBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>List.focusCellHighlightBorder</td>
<td>DarkListCellBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>List.cellNoFocusBorder</td>
<td>DarkListCellBorder</td>
<td></td>
<td></td>
</tr>
</table>
<h3>Menu</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>MenuUI</td>
<td>com.github.weisj.darklaf.ui.menu.DarkMenuUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.preserveTopLevelSelection</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.borderPainted</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.crossMenuMnemonic</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.disabledForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>Menu.checkIcon</td>
<td>Icon [7,7]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.acceleratorFont</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=10]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Menu.acceleratorFont"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=10].png">
</td>
</tr>
<tr>
<td>Menu.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Menu.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>Menu.margin</td>
<td>Insets [2,2,2,2]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.submenuPopupOffsetX</td>
<td>-4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.submenuPopupOffsetY</td>
<td>-2</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.menuPopupOffsetX</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.menuPopupOffsetY</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.maxGutterIconWidth</td>
<td>18</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.acceleratorForeground</td>
<td>#505050 [080,080,080]</td>
<td>%acceleratorForeground</td>
<td height="25" style="background-color: #505050" width="150">
</tr>
<tr>
<td>Menu.acceleratorSelectionForeground</td>
<td>#505050 [080,080,080]</td>
<td>%acceleratorForeground</td>
<td height="25" style="background-color: #505050" width="150">
</tr>
<tr>
<td>Menu.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Menu.selectionBackground</td>
<td>#2675BF [038,117,191]</td>
<td>%highlightFillFocus</td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>Menu.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Menu.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>Menu.border</td>
<td>DarkMenuItemBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.cancelMode</td>
<td>hideLastSubmenu</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Menu.arrowIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowRight.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8.5 5.5 13 10.5 4 10.5"
transform="matrix(0 -1 -1 0 16.5 16.5)"/>
</svg>
</td>
</tr>
<tr>
<td>Menu.shortcutKeys</td>
<td>int[]</td>
<td></td>
<td></td>
</tr>
</table>
<h3>MenuBar</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>MenuBarUI</td>
<td>com.github.weisj.darklaf.ui.menu.DarkMenuBarUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuBar.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>MenuBar.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="MenuBar.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>MenuBar.windowBindings</td>
<td>Object[]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuBar.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>MenuBar.disabledBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>MenuBar.highlight</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>MenuBar.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>MenuBar.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>MenuBar.border</td>
<td>DarkMenuBarBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="MenuBar.border" src="img/DarkMenuBarBorder.png"></td>
</tr>
</table>
<h3>MenuItem</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>MenuItemUI</td>
<td>com.github.weisj.darklaf.ui.menu.DarkMenuItemUIBase</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuItem.borderPainted</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuItem.disabledForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>MenuItem.checkIcon</td>
<td>Icon [7,7]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuItem.acceleratorFont</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=10]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="MenuItem.acceleratorFont"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=10].png">
</td>
</tr>
<tr>
<td>MenuItem.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="MenuItem.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>MenuItem.margin</td>
<td>Insets [2,2,2,2]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuItem.maxGutterIconWidth</td>
<td>18</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuItem.acceleratorForeground</td>
<td>#505050 [080,080,080]</td>
<td>%acceleratorForeground</td>
<td height="25" style="background-color: #505050" width="150">
</tr>
<tr>
<td>MenuItem.acceleratorSelectionForeground</td>
<td>#505050 [080,080,080]</td>
<td>%acceleratorForeground</td>
<td height="25" style="background-color: #505050" width="150">
</tr>
<tr>
<td>MenuItem.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>MenuItem.selectionBackground</td>
<td>#2675BF [038,117,191]</td>
<td>%highlightFillFocus</td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>MenuItem.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>MenuItem.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>MenuItem.border</td>
<td>DarkMenuItemBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuItem.acceleratorDelimiter</td>
<td>-</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuItem.commandSound</td>
<td>sounds/MenuItemCommand.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>MenuItem.arrowHover.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowRightHover.color">
<stop offset="0" stop-color="#dddddd"/>
<stop offset="1" stop-color="#dddddd"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8.5 5.5 13 10.5 4 10.5"
transform="matrix(0 -1 -1 0 16.5 16.5)"/>
</svg>
</td>
</tr>
<tr>
<td>MenuItem.arrowIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowRight.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8.5 5.5 13 10.5 4 10.5"
transform="matrix(0 -1 -1 0 16.5 16.5)"/>
</svg>
</td>
</tr>
</table>
<h3>NumberingPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>NumberingPaneUI</td>
<td>com.github.weisj.darklaf.ui.numberingpane.DarkNumberingPaneUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>NumberingPane.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>NumberingPane.textBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackgroundSecondary</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>NumberingPane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundSecondaryInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>NumberingPane.currentLineForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>NumberingPane.foreground</td>
<td>#808080 [128,128,128]</td>
<td>%textForegroundSecondary</td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>NumberingPane.currentLineBackground</td>
<td>#FCFAED [252,250,237]</td>
<td>%textSelectionBackgroundSecondary</td>
<td height="25" style="background-color: #FCFAED" width="150">
</tr>
<tr>
<td>NumberingPane.border</td>
<td>DarkNumberingPaneBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="NumberingPane.border" src="img/DarkNumberingPaneBorder.png">
</td>
</tr>
</table>
<h3>OptionPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>OptionPaneUI</td>
<td>com.github.weisj.darklaf.ui.optionpane.DarkOptionPaneUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.messageAreaBorder</td>
<td>EmptyBorderUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.buttonAreaBorder</td>
<td>EmptyBorderUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.sameSizeButtons</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.questionDialog.titlePane.shadow</td>
<td>#669966 [102,153,102]</td>
<td></td>
<td height="25" style="background-color: #669966" width="150">
</tr>
<tr>
<td>OptionPane.errorDialog.titlePane.shadow</td>
<td>#CC6666 [204,102,102]</td>
<td></td>
<td height="25" style="background-color: #CC6666" width="150">
</tr>
<tr>
<td>OptionPane.warningDialog.titlePane.shadow</td>
<td>#CC9966 [204,153,102]</td>
<td></td>
<td height="25" style="background-color: #CC9966" width="150">
</tr>
<tr>
<td>OptionPane.minimumSize</td>
<td>Dimension [262,90]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="OptionPane.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>OptionPane.borderInsets</td>
<td>Insets [5,5,5,5]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.buttonOrientation</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.buttonPadding</td>
<td>5</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.buttonClickThreshhold</td>
<td>500</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.windowBindings</td>
<td>Object[]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.questionDialog.border.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>OptionPane.warningDialog.border.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>OptionPane.errorDialog.titlePane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>OptionPane.errorDialog.border.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>OptionPane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>OptionPane.warningDialog.titlePane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>OptionPane.questionDialog.titlePane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>OptionPane.messageForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>OptionPane.questionDialog.titlePane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>OptionPane.warningDialog.titlePane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>OptionPane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>OptionPane.errorDialog.titlePane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>OptionPane.border</td>
<td>DarkOptionPaneBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.errorSound</td>
<td>sounds/OptionPaneError.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.informationSound</td>
<td>sounds/OptionPaneInformation.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.questionSound</td>
<td>sounds/OptionPaneQuestion.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.warningSound</td>
<td>sounds/OptionPaneWarning.wav</td>
<td></td>
<td></td>
</tr>
<tr>
<td>OptionPane.warningIcon</td>
<td>Icon [32,32]</td>
<td></td>
<td align="center">
<svg height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.warningDialog.color">
<stop offset="0" stop-color="#F0A732"/>
<stop offset="1" stop-color="#F0A732"/>
</linearGradient>
</defs>
<path d="M16,2 L31,28 L1,28 L16,2 Z M18,25 L18,21 L14,21 L14,25 L18,25 Z M18,18 L18,10 L14,10 L14,18 L18,18 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>OptionPane.questionIcon</td>
<td>Icon [32,32]</td>
<td></td>
<td align="center">
<svg height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.questionDialog.color">
<stop offset="0" stop-color="#3592C4"/>
<stop offset="1" stop-color="#3592C4"/>
</linearGradient>
</defs>
<path d="M16,30 C23.7319865,30 30,23.7319865 30,16 C30,8.2680135 23.7319865,2 16,2 C8.2680135,2 2,8.2680135 2,16 C2,23.7319865 8.2680135,30 16,30 Z M14,26 L18,26 L18,22 L14,22 L14,26 Z M16,6 C12,6 9,8.31666667 9,12 L13,12 C13,10.1666667 13.9375,9 16,9 C18.0625,9 19,10.1666667 19,12 C19,15.3333333 14,14.5833333 14,20 L18,20 C18,16.25 23,16.1666667 23,12 C23,8.31666667 20,6 16,6 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>OptionPane.errorIcon</td>
<td>Icon [32,32]</td>
<td></td>
<td align="center">
<svg height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.errorDialog.color">
<stop offset="0" stop-color="#C75450"/>
<stop offset="1" stop-color="#C75450"/>
</linearGradient>
</defs>
<path d="M16,30 C8.2680135,30 2,23.7319865 2,16 C2,8.2680135 8.2680135,2 16,2 C23.7319865,2 30,8.2680135 30,16 C30,23.7319865 23.7319865,30 16,30 Z M14,7 L14,18 L18,18 L18,7 L14,7 Z M14,21 L14,25 L18,25 L18,21 L14,21 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>OptionPane.informationIcon</td>
<td>Icon [32,32]</td>
<td></td>
<td align="center">
<svg height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.informationDialog.color">
<stop offset="0" stop-color="#3592C4"/>
<stop offset="1" stop-color="#3592C4"/>
</linearGradient>
</defs>
<path d="M16,30 C8.2680135,30 2,23.7319865 2,16 C2,8.2680135 8.2680135,2 16,2 C23.7319865,2 30,8.2680135 30,16 C30,23.7319865 23.7319865,30 16,30 Z M14,7 L14,18 L18,18 L18,7 L14,7 Z M14,21 L14,25 L18,25 L18,21 L14,21 Z"
fill="#"
fill-rule="evenodd"
transform="rotate(180 16 16)"/>
</svg>
</td>
</tr>
</table>
<h3>Panel</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>PanelUI</td>
<td>com.github.weisj.darklaf.ui.panel.DarkPanelUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Panel.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Panel.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>Panel.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Panel.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
</table>
<h3>PasswordField</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>PasswordFieldUI</td>
<td>com.github.weisj.darklaf.ui.text.DarkPasswordFieldUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PasswordField.echoChar</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>PasswordField.inactiveForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>PasswordField.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="PasswordField.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>PasswordField.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PasswordField.margin</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PasswordField.caretBlinkRate</td>
<td>500</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PasswordField.arc</td>
<td>3</td>
<td>%arcSecondary</td>
<td></td>
</tr>
<tr>
<td>PasswordField.borderThickness</td>
<td>3</td>
<td>%borderThickness</td>
<td></td>
</tr>
<tr>
<td>PasswordField.caretForeground</td>
<td>#000000 [000,000,000]</td>
<td>%caret</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>PasswordField.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackground</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>PasswordField.disabledBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>PasswordField.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>PasswordField.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>PasswordField.selectionBackground</td>
<td>#5974AB [089,116,171]</td>
<td>%textSelectionBackground</td>
<td height="25" style="background-color: #5974AB" width="150">
</tr>
<tr>
<td>PasswordField.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>PasswordField.border</td>
<td>DarkTextBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="PasswordField.border" src="img/DarkTextBorder.png"></td>
</tr>
<tr>
<td>PasswordField.showPressed.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.eyeHovered.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M8,3 C4.81818182,3 2.10090909,5.07333333 1,8 C2.10090909,10.9266667 4.81818182,13 8,13 C11.1818182,13 13.8990909,10.9266667 15,8 C13.8990909,5.07333333 11.1818182,3 8,3 Z M8,11.5 C6.068,11.5 4.5,9.932 4.5,8 C4.5,6.068 6.068,4.5 8,4.5 C9.932,4.5 11.5,6.068 11.5,8 C11.5,9.932 9.932,11.5 8,11.5 Z M8,6 C6.89333333,6 6,6.89333333 6,8 C6,9.10666667 6.89333333,10 8,10 C9.10666667,10 10,9.10666667 10,8 C10,6.89333333 9.10666667,6 8,6 Z"
fill="#"/>
</svg>
</td>
</tr>
<tr>
<td>PasswordField.show.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.eye.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M8,3 C4.81818182,3 2.10090909,5.07333333 1,8 C2.10090909,10.9266667 4.81818182,13 8,13 C11.1818182,13 13.8990909,10.9266667 15,8 C13.8990909,5.07333333 11.1818182,3 8,3 Z M8,11.5 C6.068,11.5 4.5,9.932 4.5,8 C4.5,6.068 6.068,4.5 8,4.5 C9.932,4.5 11.5,6.068 11.5,8 C11.5,9.932 9.932,11.5 8,11.5 Z M8,6 C6.89333333,6 6,6.89333333 6,8 C6,9.10666667 6.89333333,10 8,10 C9.10666667,10 10,9.10666667 10,8 C10,6.89333333 9.10666667,6 8,6 Z"
fill="#"/>
</svg>
</td>
</tr>
</table>
<h3>PopupMenu</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>PopupMenuUI</td>
<td>com.github.weisj.darklaf.ui.popupmenu.DarkPopupMenuUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PopupMenu.consumeEventOnClose</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PopupMenu.defaultLightWeightPopups.windows</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PopupMenu.defaultLightWeightPopups</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PopupMenu.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="PopupMenu.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>PopupMenu.selectedWindowInputMapBindings</td>
<td>Object[]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PopupMenu.selectedWindowInputMapBindings.RightToLeft</td>
<td>Object[]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>PopupMenu.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>PopupMenu.translucentBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>PopupMenu.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>PopupMenu.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>PopupMenu.border</td>
<td>DarkPopupMenuBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="PopupMenu.border" src="img/DarkPopupMenuBorder.png"></td>
</tr>
<tr>
<td>PopupMenu.popupSound</td>
<td>sounds/PopupMenuPopup.wav</td>
<td></td>
<td></td>
</tr>
</table>
<h3>PopupMenuSeparator</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>PopupMenuSeparatorUI</td>
<td>com.github.weisj.darklaf.ui.popupmenu.DarkPopupMenuSeparatorUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>ProgressBar</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ProgressBarUI</td>
<td>com.github.weisj.darklaf.ui.progressbar.DarkProgressBarUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ProgressBar.isSimplified</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ProgressBar.verticalSize</td>
<td>Dimension [12,146]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ProgressBar.horizontalSize</td>
<td>Dimension [146,12]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ProgressBar.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ProgressBar.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>ProgressBar.cellSpacing</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ProgressBar.cellLength</td>
<td>1</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ProgressBar.stripeWidth</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ProgressBar.repaintInterval</td>
<td>50</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ProgressBar.cycleTime</td>
<td>3000</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ProgressBar.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ProgressBar.trackColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%controlBackground</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>ProgressBar.failedEndColor</td>
<td>#FB8F89 [251,143,137]</td>
<td>%controlErrorFadeEnd</td>
<td height="25" style="background-color: #FB8F89" width="150">
</tr>
<tr>
<td>ProgressBar.failedColor</td>
<td>#D64F4F [214,079,079]</td>
<td>%controlErrorFadeStart</td>
<td height="25" style="background-color: #D64F4F" width="150">
</tr>
<tr>
<td>ProgressBar.indeterminateEndColor</td>
<td>#808080 [128,128,128]</td>
<td>%controlFadeEnd</td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>ProgressBar.indeterminateStartColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%controlFadeStart</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>ProgressBar.progressColor</td>
<td>#808080 [128,128,128]</td>
<td>%controlFillSecondary</td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>ProgressBar.passedEndColor</td>
<td>#7EE8A5 [126,232,165]</td>
<td>%controlPassedFadeEnd</td>
<td height="25" style="background-color: #7EE8A5" width="150">
</tr>
<tr>
<td>ProgressBar.passedColor</td>
<td>#34B171 [052,177,113]</td>
<td>%controlPassedFadeStart</td>
<td height="25" style="background-color: #34B171" width="150">
</tr>
<tr>
<td>ProgressBar.selectionBackground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ProgressBar.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ProgressBar.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>ProgressBar.border</td>
<td>DarkProgressBarBorder</td>
<td></td>
<td></td>
</tr>
</table>
<h3>RadioButton</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>RadioButtonUI</td>
<td>com.github.weisj.darklaf.ui.togglebutton.radiobutton.DarkRadioButtonUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButton.darkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>RadioButton.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>RadioButton.disabledText</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>RadioButton.select</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>RadioButton.focus</td>
<td>#9999CC [153,153,204]</td>
<td></td>
<td height="25" style="background-color: #9999CC" width="150">
</tr>
<tr>
<td>RadioButton.light</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>RadioButton.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>RadioButton.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="RadioButton.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>RadioButton.totalInsets</td>
<td>Insets [4,4,4,4]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButton.margin</td>
<td>Insets [2,2,2,2]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButton.borderInsets</td>
<td>Insets [4,4,4,4]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButton.textShiftOffset</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButton.textIconGap</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButton.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButton.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>RadioButton.activeBorderColor</td>
<td>#878787 [135,135,135]</td>
<td>%controlBorder</td>
<td height="25" style="background-color: #878787" width="150">
</tr>
<tr>
<td>RadioButton.inactiveBorderColor</td>
<td>#BDBDBD [189,189,189]</td>
<td>%controlBorderDisabled</td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>RadioButton.focusBorderColor</td>
<td>#7B9FC7 [123,159,199]</td>
<td>%controlBorderFocus</td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>RadioButton.focusSelectedBorderColor</td>
<td>#ACCFF7 [172,207,247]</td>
<td>%controlBorderFocusSelected</td>
<td height="25" style="background-color: #ACCFF7" width="150">
</tr>
<tr>
<td>RadioButton.selectedBorderColor</td>
<td>#4982CC [073,130,204]</td>
<td>%controlBorderSelected</td>
<td height="25" style="background-color: #4982CC" width="150">
</tr>
<tr>
<td>RadioButton.selectionSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%controlFill</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>RadioButton.selectionDisabledColor</td>
<td>#ABABAB [171,171,171]</td>
<td>%controlFillDisabled</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>RadioButton.selectionFocusSelectedColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%controlFillFocus</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>RadioButton.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>RadioButton.activeFillColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%widgetFill</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>RadioButton.inactiveFillColor</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%widgetFillInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>RadioButton.selectedFillColor</td>
<td>#4D89C9 [077,137,201]</td>
<td>%widgetFillSelected</td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>RadioButton.border</td>
<td>DarkRadioButtonBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="RadioButton.border" src="img/DarkRadioButtonBorder.png"></td>
</tr>
<tr>
<td>RadioButton.selectedFocused.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.RadioButtonSelectedFocused.selectedFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonSelectedFocused.focusSelectedBorderColor">
<stop offset="0" stop-color="#466D94"/>
<stop offset="1" stop-color="#466D94"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonSelectedFocused.selectionFocusSelectedColor">
<stop offset="0" stop-color="#A7A7A7"/>
<stop offset="1" stop-color="#A7A7A7"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonSelectedFocused.glowFocus">
<stop offset="0" stop-color="#3e84c9"/>
<stop offset="1" stop-color="#3e84c9"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<circle cx="9.5" cy="9.5" fill="#" r="7"/>
<path d="M9.5,19 C4.25329488,19 0,14.7467051 0,9.5 C0,4.25329488 4.25329488,0 9.5,0 C14.7467051,0 19,4.25329488 19,9.5 C19,14.7467051 14.7467051,19 9.5,19 Z M9.5,16 C13.0898509,16 16,13.0898509 16,9.5 C16,5.91014913 13.0898509,3 9.5,3 C5.91014913,3 3,5.91014913 3,9.5 C3,13.0898509 5.91014913,16 9.5,16 Z"
fill="#"
fill-opacity="0.5"/>
<path d="M9.5,17 C5.35786438,17 2,13.6421356 2,9.5 C2,5.35786438 5.35786438,2 9.5,2 C13.6421356,2 17,5.35786438 17,9.5 C17,13.6421356 13.6421356,17 9.5,17 Z M9.5,16 C13.0898509,16 16,13.0898509 16,9.5 C16,5.91014913 13.0898509,3 9.5,3 C5.91014913,3 3,5.91014913 3,9.5 C3,13.0898509 5.91014913,16 9.5,16 Z"
fill="#"/>
<circle cx="9.5" cy="9.5" fill="#" r="2.5"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>RadioButton.uncheckedFocused.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.RadioButtonFocused.activeFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonFocused.focusBorderColor">
<stop offset="0" stop-color="#466D94"/>
<stop offset="1" stop-color="#466D94"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonFocused.glowFocus">
<stop offset="0" stop-color="#3e84c9"/>
<stop offset="1" stop-color="#3e84c9"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<circle cx="9.5" cy="9.5" fill="#" r="7"/>
<path d="M9.5,19 C4.25329488,19 0,14.7467051 0,9.5 C0,4.25329488 4.25329488,0 9.5,0 C14.7467051,0 19,4.25329488 19,9.5 C19,14.7467051 14.7467051,19 9.5,19 Z M9.5,16 C13.0898509,16 16,13.0898509 16,9.5 C16,5.91014913 13.0898509,3 9.5,3 C5.91014913,3 3,5.91014913 3,9.5 C3,13.0898509 5.91014913,16 9.5,16 Z"
fill="#"
fill-opacity="0.5"/>
<path d="M9.5,17 C5.35786438,17 2,13.6421356 2,9.5 C2,5.35786438 5.35786438,2 9.5,2 C13.6421356,2 17,5.35786438 17,9.5 C17,13.6421356 13.6421356,17 9.5,17 Z M9.5,16 C13.0898509,16 16,13.0898509 16,9.5 C16,5.91014913 13.0898509,3 9.5,3 C5.91014913,3 3,5.91014913 3,9.5 C3,13.0898509 5.91014913,16 9.5,16 Z"
fill="#"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>RadioButton.unchecked.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.RadioButton.activeFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.RadioButton.activeBorderColor">
<stop offset="0" stop-color="#6B6B6B"/>
<stop offset="1" stop-color="#6B6B6B"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<circle cx="9.5" cy="9.5" fill="#" r="7"/>
<path d="M9.5,17 C5.35786438,17 2,13.6421356 2,9.5 C2,5.35786438 5.35786438,2 9.5,2 C13.6421356,2 17,5.35786438 17,9.5 C17,13.6421356 13.6421356,17 9.5,17 Z M9.5,16 C13.0898509,16 16,13.0898509 16,9.5 C16,5.91014913 13.0898509,3 9.5,3 C5.91014913,3 3,5.91014913 3,9.5 C3,13.0898509 5.91014913,16 9.5,16 Z"
fill="#"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>RadioButton.selectedDisabled.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.RadioButtonSelectedDisabled.inactiveFillColor">
<stop offset="0" stop-color="#3C3F41"/>
<stop offset="1" stop-color="#3C3F41"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonSelectedDisabled.inactiveBorderColor">
<stop offset="0" stop-color="#545556"/>
<stop offset="1" stop-color="#545556"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonSelectedDisabled.selectionDisabledColor">
<stop offset="0" stop-color="#606060"/>
<stop offset="1" stop-color="#606060"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<circle cx="9.5" cy="9.5" fill="#" r="7"/>
<path d="M9.5,17 C5.35786438,17 2,13.6421356 2,9.5 C2,5.35786438 5.35786438,2 9.5,2 C13.6421356,2 17,5.35786438 17,9.5 C17,13.6421356 13.6421356,17 9.5,17 Z M9.5,16 C13.0898509,16 16,13.0898509 16,9.5 C16,5.91014913 13.0898509,3 9.5,3 C5.91014913,3 3,5.91014913 3,9.5 C3,13.0898509 5.91014913,16 9.5,16 Z"
fill="#"/>
<circle cx="9.5" cy="9.5" fill="#" r="2.5"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>RadioButton.uncheckedDisabled.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.RadioButtonDisabled.inactiveFillColor">
<stop offset="0" stop-color="#3C3F41"/>
<stop offset="1" stop-color="#3C3F41"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonDisabled.inactiveBorderColor">
<stop offset="0" stop-color="#545556"/>
<stop offset="1" stop-color="#545556"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<circle cx="9.5" cy="9.5" fill="#" r="7"/>
<path d="M9.5,17 C5.35786438,17 2,13.6421356 2,9.5 C2,5.35786438 5.35786438,2 9.5,2 C13.6421356,2 17,5.35786438 17,9.5 C17,13.6421356 13.6421356,17 9.5,17 Z M9.5,16 C13.0898509,16 16,13.0898509 16,9.5 C16,5.91014913 13.0898509,3 9.5,3 C5.91014913,3 3,5.91014913 3,9.5 C3,13.0898509 5.91014913,16 9.5,16 Z"
fill="#"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>RadioButton.selected.icon</td>
<td>Icon [19,19]</td>
<td></td>
<td align="center">
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.RadioButtonSelected.selectedFillColor">
<stop offset="0" stop-color="#43494A"/>
<stop offset="1" stop-color="#43494A"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonSelected.selectedBorderColor">
<stop offset="0" stop-color="#6B6B6B"/>
<stop offset="1" stop-color="#6B6B6B"/>
</linearGradient>
<linearGradient id="Icons.RadioButtonSelected.selectionSelectedColor">
<stop offset="0" stop-color="#A7A7A7"/>
<stop offset="1" stop-color="#A7A7A7"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<circle cx="9.5" cy="9.5" fill="#" r="7"/>
<path d="M9.5,17 C5.35786438,17 2,13.6421356 2,9.5 C2,5.35786438 5.35786438,2 9.5,2 C13.6421356,2 17,5.35786438 17,9.5 C17,13.6421356 13.6421356,17 9.5,17 Z M9.5,16 C13.0898509,16 16,13.0898509 16,9.5 C16,5.91014913 13.0898509,3 9.5,3 C5.91014913,3 3,5.91014913 3,9.5 C3,13.0898509 5.91014913,16 9.5,16 Z"
fill="#"/>
<circle cx="9.5" cy="9.5" fill="#" r="2.5"/>
</g>
</svg>
</td>
</tr>
</table>
<h3>RadioButtonMenuItem</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>RadioButtonMenuItemUI</td>
<td>com.github.weisj.darklaf.ui.togglebutton.radiobutton.DarkRadioButtonMenuItemUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButtonMenuItem.borderPainted</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButtonMenuItem.doNotCloseOnMouseClick</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButtonMenuItem.disabledForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>RadioButtonMenuItem.dashIcon</td>
<td>Icon [0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButtonMenuItem.arrowIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButtonMenuItem.checkIcon</td>
<td>Icon [19,19]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButtonMenuItem.acceleratorFont</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=10]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="RadioButtonMenuItem.acceleratorFont"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=10].png">
</td>
</tr>
<tr>
<td>RadioButtonMenuItem.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="RadioButtonMenuItem.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>RadioButtonMenuItem.margin</td>
<td>Insets [2,2,2,2]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButtonMenuItem.acceleratorForeground</td>
<td>#505050 [080,080,080]</td>
<td>%acceleratorForeground</td>
<td height="25" style="background-color: #505050" width="150">
</tr>
<tr>
<td>RadioButtonMenuItem.acceleratorSelectionForeground</td>
<td>#505050 [080,080,080]</td>
<td>%acceleratorForeground</td>
<td height="25" style="background-color: #505050" width="150">
</tr>
<tr>
<td>RadioButtonMenuItem.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>RadioButtonMenuItem.selectionBackground</td>
<td>#2675BF [038,117,191]</td>
<td>%highlightFillFocus</td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>RadioButtonMenuItem.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>RadioButtonMenuItem.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>RadioButtonMenuItem.border</td>
<td>DarkMenuItemBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RadioButtonMenuItem.commandSound</td>
<td>sounds/MenuItemCommand.wav</td>
<td></td>
<td></td>
</tr>
</table>
<h3>RootPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>RootPaneUI</td>
<td>com.github.weisj.darklaf.ui.rootpane.DarkRootPaneUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RootPane.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RootPane.defaultButtonWindowKeyBindings</td>
<td>Object[]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>RootPane.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
</table>
<h3>ScrollBar</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ScrollBarUI</td>
<td>com.github.weisj.darklaf.ui.scrollpane.DarkScrollBarUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollBar.allowsAbsolutePositioning</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollBar.thumbDarkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>ScrollBar.trackHighlight</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>ScrollBar.darkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>ScrollBar.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>ScrollBar.track</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>ScrollBar.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ScrollBar.maximumThumbSize</td>
<td>Dimension [4096,4096]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollBar.minimumThumbSize</td>
<td>Dimension [8,8]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollBar.width</td>
<td>17</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollBar.ancestorInputMap.RightToLeft</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollBar.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollBar.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ScrollBar.thumbBorderColor</td>
<td>#B4B4B4 [180,180,180]</td>
<td>%controlBorderSecondary</td>
<td height="25" style="background-color: #B4B4B4" width="150">
</tr>
<tr>
<td>ScrollBar.fadeEndColor</td>
<td>#808080 [128,128,128]</td>
<td>%controlFadeEnd</td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>ScrollBar.fadeStartColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%controlFadeStart</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>ScrollBar.thumb</td>
<td>#808080 [128,128,128]</td>
<td>%controlFillSecondary</td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>ScrollBar.trackColor</td>
<td>#ABABAB [171,171,171]</td>
<td>%controlTrack</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>ScrollBar.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
</table>
<h3>ScrollPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ScrollPaneUI</td>
<td>com.github.weisj.darklaf.ui.scrollpane.DarkScrollPaneUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollPane.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ScrollPane.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>ScrollPane.barInsets</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollPane.ancestorInputMap.RightToLeft</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollPane.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ScrollPane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ScrollPane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
</table>
<h3>Separator</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>SeparatorUI</td>
<td>com.github.weisj.darklaf.ui.separator.DarkSeparatorUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Separator.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>Separator.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Separator.size</td>
<td>Dimension [5,19]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Separator.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Separator.foreground</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
</table>
<h3>Slider</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>SliderUI</td>
<td>com.github.weisj.darklaf.ui.slider.DarkSliderUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.onlyLeftMouseButtonDrag</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.paintFocusGlow</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>Slider.focus</td>
<td>#9999CC [153,153,204]</td>
<td></td>
<td height="25" style="background-color: #9999CC" width="150">
</tr>
<tr>
<td>Slider.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Slider.horizontalSize</td>
<td>Dimension [200,21]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.verticalSize</td>
<td>Dimension [21,200]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.minimumVerticalSize</td>
<td>Dimension [21,36]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.minimumHorizontalSize</td>
<td>Dimension [36,21]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.thumbSize</td>
<td>Dimension [10,18]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.verticalThumbIcon</td>
<td>Icon [0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.horizontalThumbIcon</td>
<td>Icon [0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Slider.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>Slider.focusInsets</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.arc</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.trackThickness</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.majorTickLength</td>
<td>6</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.trackWidth</td>
<td>7</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.plainThumbRadius</td>
<td>12</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.focusInputMap.RightToLeft</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Slider.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Slider.trackBackground</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%controlBackground</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>Slider.thumbBorderColor</td>
<td>#878787 [135,135,135]</td>
<td>%controlBorder</td>
<td height="25" style="background-color: #878787" width="150">
</tr>
<tr>
<td>Slider.thumbBorderColorDisabled</td>
<td>#BDBDBD [189,189,189]</td>
<td>%controlBorderDisabled</td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>Slider.disabledTrackColor</td>
<td>#ABABAB [171,171,171]</td>
<td>%controlFillDisabled</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>Slider.volume.inactiveThumbFill</td>
<td>#ABABAB [171,171,171]</td>
<td>%controlFillDisabled</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>Slider.inactiveThumbFill</td>
<td>#ABABAB [171,171,171]</td>
<td>%controlFillDisabled</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>Slider.volume.selectedTrackColor</td>
<td>#4D89C9 [077,137,201]</td>
<td>%controlFillHighlight</td>
<td height="25" style="background-color: #4D89C9" width="150">
</tr>
<tr>
<td>Slider.volume.disabledTrackColor</td>
<td>#B0B3B6 [176,179,182]</td>
<td>%controlFillHighlightDisabled</td>
<td height="25" style="background-color: #B0B3B6" width="150">
</tr>
<tr>
<td>Slider.volume.activeThumbFill</td>
<td>#808080 [128,128,128]</td>
<td>%controlFillSecondary</td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>Slider.selectedTrackColor</td>
<td>#808080 [128,128,128]</td>
<td>%controlFillSecondary</td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>Slider.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Slider.disabledTickColor</td>
<td>#777777 [119,119,119]</td>
<td>%textForegroundInactive</td>
<td height="25" style="background-color: #777777" width="150">
</tr>
<tr>
<td>Slider.tickColor</td>
<td>#808080 [128,128,128]</td>
<td>%textForegroundSecondary</td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>Slider.activeThumbFill</td>
<td>#FFFFFF [255,255,255]</td>
<td>%widgetFill</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Slider.volume.enabled_level_1.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker1.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
<linearGradient id="Icons.speaker1.volumeColor">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
</svg>
</td>
</tr>
<tr>
<td>Slider.volume.disabled_level_3.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker3Disabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
<linearGradient id="Icons.speaker3Disabled.volumeColor">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
<path d="M320,184c28.4,43.3,28.4,99.4,0,142.7" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
<path d="M367.3,136.7c52,70.6,52,166.8,0,237.3" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
</svg>
</td>
</tr>
<tr>
<td>Slider.volume.disabled_level_2.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker2Disabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
<linearGradient id="Icons.speaker2Disabled.volumeColor">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
<path d="M320,184c28.4,43.3,28.4,99.4,0,142.7" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
</svg>
</td>
</tr>
<tr>
<td>Slider.volume.enabled_level_2.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker2.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
<linearGradient id="Icons.speaker2.volumeColor">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
<path d="M320,184c28.4,43.3,28.4,99.4,0,142.7" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
</svg>
</td>
</tr>
<tr>
<td>Slider.volume.enabled_level_0.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker0.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
<linearGradient id="Icons.speaker0.crossColor">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
<line fill="none" stroke="#" stroke-linecap="round" stroke-width="25"
x1="302" x2="466.9" y1="332.5" y2="167.5"/>
<line fill="none" stroke="#" stroke-linecap="round" stroke-width="25" x1="302"
x2="466.9"
y1="167.5" y2="332.5"/>
</svg>
</td>
</tr>
<tr>
<td>Slider.volume.enabled_level_4.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker4.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
<linearGradient id="Icons.speaker4.volumeColor">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
<path d="M320,184c28.4,43.3,28.4,99.4,0,142.7" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
<path d="M367.3,136.7c52,70.6,52,166.8,0,237.3" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
<path d="M410.7,93.3c76,94.6,76,229.4,0,324" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
</svg>
</td>
</tr>
<tr>
<td>Slider.volume.disabled_level_4.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker4Disabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
<linearGradient id="Icons.speaker4Disabled.volumeColor">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
<path d="M320,184c28.4,43.3,28.4,99.4,0,142.7" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
<path d="M367.3,136.7c52,70.6,52,166.8,0,237.3" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
<path d="M410.7,93.3c76,94.6,76,229.4,0,324" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
</svg>
</td>
</tr>
<tr>
<td>Slider.volume.disabled_level_0.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker0Disabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
<linearGradient id="Icons.speaker0Disabled.crossColor">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
<line fill="none" stroke="#" stroke-linecap="round" stroke-width="25"
x1="302" x2="466.9" y1="332.5" y2="167.5"/>
<line fill="none" stroke="#" stroke-linecap="round" stroke-width="25" x1="302"
x2="466.9"
y1="167.5" y2="332.5"/>
</svg>
</td>
</tr>
<tr>
<td>Slider.volume.disabled_level_1.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker1Disabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
<linearGradient id="Icons.speaker1Disabled.volumeColor">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
</svg>
</td>
</tr>
<tr>
<td>Slider.volume.enabled_level_3.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16px" version="1.1" viewBox="0 0 500 500" width="16px" x="0px"
xmlns="http://www.w3.org/2000/svg" y="0px">
<defs id="colors">
<linearGradient id="Icons.speaker3.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
<linearGradient id="Icons.speaker3.volumeColor">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z" fill="#" stroke="#"
stroke-linejoin="round"
stroke-width="15"/>
<path d="M320,184c28.4,43.3,28.4,99.4,0,142.7" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
<path d="M367.3,136.7c52,70.6,52,166.8,0,237.3" fill="none" stroke="#" stroke-linecap="round"
stroke-width="25"/>
</svg>
</td>
</tr>
</table>
<h3>Spinner</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>SpinnerUI</td>
<td>com.github.weisj.darklaf.ui.spinner.DarkSpinnerUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Spinner.editorBorderPainted</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Spinner.arrowButtonSize</td>
<td>Dimension [16,5]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Spinner.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Spinner.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>Spinner.arrowButtonInsets</td>
<td>Insets [2,2,2,2]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Spinner.cellEditorInsets</td>
<td>Insets [2,5,2,5]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Spinner.insets</td>
<td>Insets [7,7,7,7]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Spinner.buttonPad</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Spinner.editorAlignment</td>
<td>11</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Spinner.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Spinner.arc</td>
<td>5</td>
<td>%arc</td>
<td></td>
</tr>
<tr>
<td>Spinner.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Spinner.arrowBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Spinner.borderThickness</td>
<td>3</td>
<td>%borderThickness</td>
<td></td>
</tr>
<tr>
<td>Spinner.focusBorderColor</td>
<td>#7B9FC7 [123,159,199]</td>
<td>%glowFocusLine</td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>Spinner.activeBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackground</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Spinner.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Spinner.activeBorderColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%widgetBorder</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>Spinner.inactiveBorderColor</td>
<td>#CFCFCF [207,207,207]</td>
<td>%widgetBorderInactive</td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>Spinner.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%widgetFillInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Spinner.border</td>
<td>DarkSpinnerBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Spinner.border" src="img/DarkSpinnerBorder.png"></td>
</tr>
<tr>
<td>Spinner.plusInactive.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" version="1.1" viewBox="0 0 16 16" width="16" x="0px" xmlns="http://www.w3.org/2000/svg"
y="0px">
<defs id="colors">
<linearGradient id="Icons.plus.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<rect fill="#" height="1.5" width="6.5" x="4.8" y="7.3"/>
<rect fill="#" height="6.5" width="1.5" x="7.3" y="4.8"/>
</svg>
</td>
</tr>
<tr>
<td>Spinner.plus.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" version="1.1" viewBox="0 0 16 16" width="16" x="0px" xmlns="http://www.w3.org/2000/svg"
y="0px">
<defs id="colors">
<linearGradient id="Icons.plus.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<rect fill="#" height="1.5" width="6.5" x="4.8" y="7.3"/>
<rect fill="#" height="6.5" width="1.5" x="7.3" y="4.8"/>
</svg>
</td>
</tr>
<tr>
<td>Spinner.arrowDown.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>Spinner.minus.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" version="1.1" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.minus.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<rect fill="#" height="1.5" width="6.5" x="4.8" y="7.3"/>
</svg>
</td>
</tr>
<tr>
<td>Spinner.minusInactive.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" version="1.1" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.minus.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<rect fill="#" height="1.5" width="6.5" x="4.8" y="7.3"/>
</svg>
</td>
</tr>
<tr>
<td>Spinner.arrowUpInactive.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowUpDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 5 12.5 10 3.5 10"/>
</svg>
</td>
</tr>
<tr>
<td>Spinner.arrowDownInactive.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDownDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>Spinner.arrowUp.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowUp.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 5 12.5 10 3.5 10"/>
</svg>
</td>
</tr>
</table>
<h3>SplitPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>SplitPaneUI</td>
<td>com.github.weisj.darklaf.ui.splitpane.DarkSplitPaneUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>SplitPane.centerOneTouchButtons</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>SplitPane.darkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>SplitPane.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>SplitPane.dividerSize</td>
<td>10</td>
<td></td>
<td></td>
</tr>
<tr>
<td>SplitPane.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>SplitPane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>SplitPane.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>SplitPane.dividerLineColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>SplitPane.border</td>
<td>DarkSplitPaneBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>SplitPane.defaultDividerStyle</td>
<td>grip</td>
<td></td>
<td></td>
</tr>
<tr>
<td>SplitPane.verticalGlue.icon</td>
<td>Icon [13,4]</td>
<td></td>
<td align="center">
<svg height="4" viewBox="0 0 13 4" width="13" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.verticalGlue.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<circle cx="2" cy="2" fill="#" r="1.5"/>
<circle cx="6.5" cy="2" fill="#" r="1.5"/>
<circle cx="11" cy="2" fill="#" r="1.5"/>
</svg>
</td>
</tr>
<tr>
<td>SplitPane.horizontalGlue.icon</td>
<td>Icon [4,13]</td>
<td></td>
<td align="center">
<svg height="13" viewBox="0 0 4 13" width="4" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.horizontalGlue.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<circle cx="2" cy="2" fill="#" r="1.5"/>
<circle cx="2" cy="6.5" fill="#" r="1.5"/>
<circle cx="2" cy="11" fill="#" r="1.5"/>
</svg>
</td>
</tr>
</table>
<h3>SplitPaneDivider</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>SplitPaneDivider.draggingColor</td>
<td>#404040 [064,064,064]</td>
<td></td>
<td height="25" style="background-color: #404040" width="150">
</tr>
<tr>
<td>SplitPaneDivider.border</td>
<td>DarkSplitPaneDividerBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="SplitPaneDivider.border"
src="img/DarkSplitPaneDividerBorder.png"></td>
</tr>
<tr>
<td>SplitPaneDivider.topOneTouch.icon</td>
<td>Icon [13,13]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowUp.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 5 12.5 10 3.5 10"/>
</svg>
</td>
</tr>
<tr>
<td>SplitPaneDivider.bottomOneTouch.icon</td>
<td>Icon [13,13]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>SplitPaneDivider.leftOneTouch.icon</td>
<td>Icon [13,13]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowLeft.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="7.5 5.5 12 10.5 3 10.5"
transform="rotate(-90 7.5 8)"/>
</svg>
</td>
</tr>
<tr>
<td>SplitPaneDivider.rightOneTouch.icon</td>
<td>Icon [13,13]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowRight.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8.5 5.5 13 10.5 4 10.5"
transform="matrix(0 -1 -1 0 16.5 16.5)"/>
</svg>
</td>
</tr>
</table>
<h3>StatusBar</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>StatusBarUI</td>
<td>com.github.weisj.darklaf.ui.statusbar.DarkStatusBarUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>StatusBar.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>StatusBar.topColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
</table>
<h3>TabFrame</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TabFrameUI</td>
<td>com.github.weisj.darklaf.ui.tabframe.DarkTabFrameUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabFrame.tabHeight</td>
<td>24</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabFrame.line</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%border</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>TabFrame.dragBorderColor</td>
<td>#A0A0A0 [160,160,160]</td>
<td>%borderTertiary</td>
<td height="25" style="background-color: #A0A0A0" width="150">
</tr>
<tr>
<td>TabFrame.dropBackground</td>
<td>#FCFAED [252,250,237]</td>
<td>%dropBackground</td>
<td height="25" style="background-color: #FCFAED" width="150">
</tr>
<tr>
<td>TabFrame.acceleratorKeyCode</td>
<td>alt pressed</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabFrame.moveToBottomLeft.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToBottomLeft.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M9,10 L9,13 L3,13 L3,10 L9,10 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToRightTop.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToRightTop.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M3,3 L6,3 L6,9 L3,9 L3,3 Z"
fill="#"
fill-rule="evenodd"
transform="matrix(-1 0 0 1 16 0)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToLeftBottomDisabled.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToLeftBottomDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M3,10 L3,13 L13,13 L13,3 L3,3 L3,10 L3,13 L6,13 L6,7 L3,7 L3,10 Z M2,2 L14,2 L14,14 L2,14 L2,2 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToTopRightDisabled.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToTopRightDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M9,10 L9,13 L3,13 L3,10 L9,10 Z"
fill="#"
fill-rule="evenodd"
transform="rotate(180 8 8)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToLeftTop.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToLeftTop.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M3,3 L6,3 L6,9 L3,9 L3,3 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToRightBottom.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToRightBottom.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M3,10 L3,13 L13,13 L13,3 L3,3 L3,10 L3,13 L6,13 L6,7 L3,7 L3,10 Z M2,2 L14,2 L14,14 L2,14 L2,2 Z"
fill="#"
fill-rule="evenodd"
transform="matrix(-1 0 0 1 16 0)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToBottomLeftDisabled.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToBottomLeftDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M9,10 L9,13 L3,13 L3,10 L9,10 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToBottomRight.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToBottomRight.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M9,10 L9,13 L3,13 L3,10 L9,10 Z"
fill="#"
fill-rule="evenodd"
transform="matrix(-1 0 0 1 16 0)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToBottomRightDisabled.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToBottomRightDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M9,10 L9,13 L3,13 L3,10 L9,10 Z"
fill="#"
fill-rule="evenodd"
transform="matrix(-1 0 0 1 16 0)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToTopLeftDisabled.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToTopLeftDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M9,10 L9,13 L3,13 L3,10 L9,10 Z"
fill="#"
fill-rule="evenodd"
transform="matrix(1 0 0 -1 0 16)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToTopRight.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToTopRight.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M9,10 L9,13 L3,13 L3,10 L9,10 Z"
fill="#"
fill-rule="evenodd"
transform="rotate(180 8 8)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToRightTopDisabled.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToRightTopDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M3,3 L6,3 L6,9 L3,9 L3,3 Z"
fill="#"
fill-rule="evenodd"
transform="matrix(-1 0 0 1 16 0)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToTopLeft.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToTopLeft.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M9,10 L9,13 L3,13 L3,10 L9,10 Z"
fill="#"
fill-rule="evenodd"
transform="matrix(1 0 0 -1 0 16)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToRightBottomDisabled.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToRightBottomDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M3,10 L3,13 L13,13 L13,3 L3,3 L3,10 L3,13 L6,13 L6,7 L3,7 L3,10 Z M2,2 L14,2 L14,14 L2,14 L2,2 Z"
fill="#"
fill-rule="evenodd"
transform="matrix(-1 0 0 1 16 0)"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToLeftTopDisabled.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToLeftTopDisabled.color">
<stop offset="0" stop-color="#6E6E6E"/>
<stop offset="1" stop-color="#6E6E6E"/>
</linearGradient>
</defs>
<path d="M2,2 L14,2 L14,14 L2,14 L2,2 Z M3,3 L3,13 L13,13 L13,3 L3,3 Z M3,3 L6,3 L6,9 L3,9 L3,3 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>TabFrame.moveToLeftBottom.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moveToLeftBottom.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M3,10 L3,13 L13,13 L13,3 L3,3 L3,10 L3,13 L6,13 L6,7 L3,7 L3,10 Z M2,2 L14,2 L14,14 L2,14 L2,2 Z"
fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
</table>
<h3>TabFramePanelPopup</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TabFramePanelPopupUI</td>
<td>com.github.weisj.darklaf.ui.tabframe.DarkPanelPopupUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>TabFramePopup</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TabFramePopup.headerButton.insets</td>
<td>Insets [2,2,2,2]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabFramePopup.headerButton.tooltipInsets</td>
<td>Insets [2,5,2,5]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabFramePopup.headerSelectedBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TabFramePopup.headerBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TabFramePopup.headerFocusSelectedBackground</td>
<td>#E6EBF0 [230,235,240]</td>
<td>%backgroundColorful</td>
<td height="25" style="background-color: #E6EBF0" width="150">
</tr>
<tr>
<td>TabFramePopup.headerFocusBackground</td>
<td>#E6EBF0 [230,235,240]</td>
<td>%backgroundColorful</td>
<td height="25" style="background-color: #E6EBF0" width="150">
</tr>
<tr>
<td>TabFramePopup.headerHoverBackground</td>
<td>#DADADA [218,218,218]</td>
<td>%backgroundHover</td>
<td height="25" style="background-color: #DADADA" width="150">
</tr>
<tr>
<td>TabFramePopup.headerSelectedHoverBackground</td>
<td>#DADADA [218,218,218]</td>
<td>%backgroundHover</td>
<td height="25" style="background-color: #DADADA" width="150">
</tr>
<tr>
<td>TabFramePopup.headerFocusHoverBackground</td>
<td>#CCCFD5 [204,207,213]</td>
<td>%backgroundHoverColorful</td>
<td height="25" style="background-color: #CCCFD5" width="150">
</tr>
<tr>
<td>TabFramePopup.headerFocusSelectedHoverBackground</td>
<td>#CCCFD5 [204,207,213]</td>
<td>%backgroundHoverColorful</td>
<td height="25" style="background-color: #CCCFD5" width="150">
</tr>
<tr>
<td>TabFramePopup.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%border</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>TabFramePopup.headerButtonClickBackground</td>
<td>#CFCFCF [207,207,207]</td>
<td>%clickHighlight</td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>TabFramePopup.headerButtonFocusClickBackground</td>
<td>#CDD7E1 [205,215,225]</td>
<td>%clickHighlightColorful</td>
<td height="25" style="background-color: #CDD7E1" width="150">
</tr>
<tr>
<td>TabFramePopup.headerButtonHoverBackground</td>
<td>#DFDFDF [223,223,223]</td>
<td>%hoverHighlight</td>
<td height="25" style="background-color: #DFDFDF" width="150">
</tr>
<tr>
<td>TabFramePopup.headerButtonFocusHoverBackground</td>
<td>#DAE1E9 [218,225,233]</td>
<td>%hoverHighlightColorful</td>
<td height="25" style="background-color: #DAE1E9" width="150">
</tr>
<tr>
<td>TabFramePopup.headerBorder</td>
<td>DarkTabFramePopupHeaderBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabFramePopup.closeTooltipText</td>
<td>Close (shift ESC)</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabFramePopup.closeAccelerator</td>
<td>shift pressed ESCAPE</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabFramePopup.close.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.collapse.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<rect fill="#" fill-opacity=".8" height="2" width="12" x="2" y="7"/>
</svg>
</td>
</tr>
</table>
<h3>TabFrameTab</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TabFrameTab.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=11]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TabFrameTab.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=11].png">
</td>
</tr>
<tr>
<td>TabFrameTab.hoverBackground</td>
<td>#D9D9D9 [217,217,217]</td>
<td>%backgroundHoverSecondary</td>
<td height="25" style="background-color: #D9D9D9" width="150">
</tr>
<tr>
<td>TabFrameTab.selectedBackground</td>
<td>#BDBDBD [189,189,189]</td>
<td>%backgroundSelectedSecondary</td>
<td height="25" style="background-color: #BDBDBD" width="150">
</tr>
<tr>
<td>TabFrameTab.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TabFrameTab.selectedForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForegroundHighlight</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TabFrameTab.border</td>
<td>DarkTabFrameTabBorder</td>
<td></td>
<td></td>
</tr>
</table>
<h3>TabFrameTabContainer</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TabFrameTabContainerUI</td>
<td>com.github.weisj.darklaf.ui.tabframe.DarkTabFrameTabContainerUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>TabFrameTabLabel</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TabFrameTabLabelUI</td>
<td>com.github.weisj.darklaf.ui.tabframe.DarkTabFrameTabLabelUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>TabFrameTabbedPopup</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TabFrameTabbedPopupUI</td>
<td>com.github.weisj.darklaf.ui.tabframe.DarkTabbedPopupUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>TabbedPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TabbedPaneUI</td>
<td>com.github.weisj.darklaf.ui.tabbedpane.DarkTabbedPaneUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.tabsOpaque</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.selectionFollowsFocus</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.contentOpaque</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.darkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>TabbedPane.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>TabbedPane.selected</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>TabbedPane.light</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>TabbedPane.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TabbedPane.selectHighlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TabbedPane.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TabbedPane.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>TabbedPane.selectedTabPadInsets</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.tabAreaInsets</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.contentBorderInsets</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.newTabButton.insets</td>
<td>Insets [2,2,2,2]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.tabInsets</td>
<td>Insets [5,7,5,7]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.labelShift</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.selectedLabelShift</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.tabRunOverlay</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.moreTabsButton.pad</td>
<td>2</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.focusBarHeight</td>
<td>3</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.textIconGap</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.maxPopupHeight</td>
<td>500</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TabbedPane.tabAreaBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TabbedPane.hoverBackground</td>
<td>#DADADA [218,218,218]</td>
<td>%backgroundHover</td>
<td height="25" style="background-color: #DADADA" width="150">
</tr>
<tr>
<td>TabbedPane.focus</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundSelected</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TabbedPane.selectedBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundSelected</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TabbedPane.tabBorderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%border</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>TabbedPane.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%border</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>TabbedPane.dragBorderColor</td>
<td>#A0A0A0 [160,160,160]</td>
<td>%borderTertiary</td>
<td height="25" style="background-color: #A0A0A0" width="150">
</tr>
<tr>
<td>TabbedPane.dropFill</td>
<td>#FCFAED [252,250,237]</td>
<td>%dropBackground</td>
<td height="25" style="background-color: #FCFAED" width="150">
</tr>
<tr>
<td>TabbedPane.accentFocus</td>
<td>#4083C9 [064,131,201]</td>
<td>%highlightFillFocusSecondary</td>
<td height="25" style="background-color: #4083C9" width="150">
</tr>
<tr>
<td>TabbedPane.accent</td>
<td>#9CA7B8 [156,167,184]</td>
<td>%highlightFillMono</td>
<td height="25" style="background-color: #9CA7B8" width="150">
</tr>
<tr>
<td>TabbedPane.selectedHoverBackground</td>
<td>#E6E6E6 [230,230,230]</td>
<td>%hoverHighlightSecondary</td>
<td height="25" style="background-color: #E6E6E6" width="150">
</tr>
<tr>
<td>TabbedPane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TabbedPane.border</td>
<td>DarkTabbedPaneBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TabbedPane.border" src="img/DarkTabbedPaneBorder.png"></td>
</tr>
<tr>
<td>TabbedPane.tabsOverlapBorder</td>
<td>null</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TabbedPane.tabCloseIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.close.color">
<stop offset="0" stop-color="#7F8B91"/>
<stop offset="1" stop-color="#7F8B91"/>
</linearGradient>
</defs>
<path d="M7.99494337,8.70506958 L4.85408745,11.8540874 L4.14698067,11.1469807 L7.29493214,8.00505835 L4.14698067,4.85710688 L4.85408745,4.1500001 L8.00204181,7.29795446 L11.1439612,4.1500001 L11.851068,4.85710688 L8.70204624,7.99795888 L11.851068,11.1469807 L11.1439612,11.8540874 L7.99494337,8.70506958 Z"
fill="#"
fill-opacity=".8"/>
</svg>
</td>
</tr>
<tr>
<td>TabbedPane.tabCloseHoverIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.closeHovered.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M7.99494337,8.70506958 L4.85408745,11.8540874 L4.14698067,11.1469807 L7.29493214,8.00505835 L4.14698067,4.85710688 L4.85408745,4.1500001 L8.00204181,7.29795446 L11.1439612,4.1500001 L11.851068,4.85710688 L8.70204624,7.99795888 L11.851068,11.1469807 L11.1439612,11.8540874 L7.99494337,8.70506958 Z"
fill="#"
fill-opacity=".8"/>
</svg>
</td>
</tr>
<tr>
<td>TabbedPane.newTab.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.add.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="10" width="2" x="7" y="3"/>
<rect fill="#" height="10" transform="rotate(90 8 8)" width="2" x="7" y="3"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>TabbedPane.moreTabs.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.moreTabs.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
<linearGradient id="Icons.moreTabs.arrowColor">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-opacity=".8">
<rect fill="#" height="1" width="8" x="8" y="4"/>
<rect fill="#" height="1" width="8" x="8" y="6"/>
<rect fill="#" height="1" width="8" x="8" y="8"/>
<rect fill="#" height="1" width="8" x="8" y="10"/>
<polygon fill="#" points="3.5 7 6 10 1 10" transform="matrix(1 0 0 -1 0 17)"/>
</g>
</svg>
</td>
</tr>
</table>
<h3>Table</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TableUI</td>
<td>com.github.weisj.darklaf.ui.table.DarkTableUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.alternateRowColor</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.renderBooleanAsCheckBox</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.sortIconColor</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>Table.naturalSortIcon</td>
<td>Icon [8,16]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Table.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>Table.rowHeight</td>
<td>22</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.ancestorInputMap.RightToLeft</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.alternateRowBackground</td>
<td>#F2F5F9 [242,245,249]</td>
<td>%backgroundAlternative</td>
<td height="25" style="background-color: #F2F5F9" width="150">
</tr>
<tr>
<td>Table.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Table.focusCellBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Table.focusBorderColor</td>
<td>#83BFF5 [131,191,245]</td>
<td>%borderFocus</td>
<td height="25" style="background-color: #83BFF5" width="150">
</tr>
<tr>
<td>Table.focusRowBorderColor</td>
<td>#83BFF5 [131,191,245]</td>
<td>%borderFocus</td>
<td height="25" style="background-color: #83BFF5" width="150">
</tr>
<tr>
<td>Table.dropLineColor</td>
<td>#C0C0C0 [192,192,192]</td>
<td>%dropForeground</td>
<td height="25" style="background-color: #C0C0C0" width="150">
</tr>
<tr>
<td>Table.dropLineShortColor</td>
<td>#C0C0C0 [192,192,192]</td>
<td>%dropForeground</td>
<td height="25" style="background-color: #C0C0C0" width="150">
</tr>
<tr>
<td>Table.gridColor</td>
<td>#DDDDDD [221,221,221]</td>
<td>%gridLine</td>
<td height="25" style="background-color: #DDDDDD" width="150">
</tr>
<tr>
<td>Table.selectionNoFocusBackground</td>
<td>#D5D5D5 [213,213,213]</td>
<td>%highlightFill</td>
<td height="25" style="background-color: #D5D5D5" width="150">
</tr>
<tr>
<td>Table.focusSelectionBackground</td>
<td>#2675BF [038,117,191]</td>
<td>%highlightFillFocus</td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>Table.selectionBackground</td>
<td>#2675BF [038,117,191]</td>
<td>%highlightFillFocus</td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>Table.focusCellForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Table.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Table.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>Table.selectionForegroundInactive</td>
<td>#000000 [000,000,000]</td>
<td>%textSelectionForegroundInactive</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Table.scrollPaneBorder</td>
<td>DarkTableBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Table.scrollPaneBorder" src="img/DarkTableBorder.png"></td>
</tr>
<tr>
<td>Table.cellEditorBorder</td>
<td>DarkTableCellBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.focusCellHighlightBorder</td>
<td>DarkTableCellFocusBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.cellNoFocusBorder</td>
<td>DarkTableCellBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.focusSelectedCellHighlightBorder</td>
<td>DarkTableCellFocusBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.scrollPaneCornerComponent</td>
<td>DarkTableHeaderCorner</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.booleanRenderType</td>
<td>checkBox</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Table.descendingSortIcon</td>
<td>Icon [8,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 8 16" width="8" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDownSort.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(-7.5,0)">
<rect fill="#" height="7" width="1" x="11" y="3"/>
<polygon fill="#" points="11.5 10 14 13 9 13" transform="matrix(1 0 0 -1 0 23)"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>Table.ascendingSortIcon</td>
<td>Icon [8,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 8 16" width="8" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowUpSort.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(-0.5,0)">
<path d="M4,6 L2,6 L4.5,3 L7,6 L5,6 L5,13 L4,13 L4,6 Z" fill="#"/>
</g>
</svg>
</td>
</tr>
</table>
<h3>TableHeader</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TableHeaderUI</td>
<td>com.github.weisj.darklaf.ui.table.DarkTableHeaderUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TableHeader.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TableHeader.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>TableHeader.height</td>
<td>26</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TableHeader.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TableHeader.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundHeader</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TableHeader.focusCellBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundHeader</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TableHeader.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%border</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>TableHeader.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TableHeader.cellBorder</td>
<td>DarkTableCellBorder</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TableHeader.border</td>
<td>DarkTableHeaderBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TableHeader.border" src="img/DarkTableHeaderBorder.png"></td>
</tr>
<tr>
<td>TableHeader.focusCellBorder</td>
<td>DarkTableCellBorder</td>
<td></td>
<td></td>
</tr>
</table>
<h3>TaskPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TaskPane.arc</td>
<td>5</td>
<td>%arc</td>
<td></td>
</tr>
<tr>
<td>TaskPane.titleBorderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>TaskPane.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>TaskPane.titleOver</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TaskPane.titleForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TaskPane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TaskPane.specialTitleBackground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TaskPane.specialTitleForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TaskPane.specialTitleOver</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TaskPane.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%widgetFill</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TaskPane.titleBackgroundGradientStart</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%widgetFillInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TaskPane.titleBackgroundGradientEnd</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%widgetFillInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TaskPane.open.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>TaskPane.collapsed.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowUp.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 5 12.5 10 3.5 10"/>
</svg>
</td>
</tr>
</table>
<h3>TaskPaneContainer</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TaskPaneContainer.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
</table>
<h3>TextArea</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TextAreaUI</td>
<td>com.github.weisj.darklaf.ui.text.DarkTextAreaUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextArea.inactiveForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>TextArea.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TextArea.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>TextArea.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextArea.margin</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextArea.caretBlinkRate</td>
<td>500</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextArea.caretForeground</td>
<td>#000000 [000,000,000]</td>
<td>%caret</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TextArea.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackground</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TextArea.disabledBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TextArea.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TextArea.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TextArea.selectionBackground</td>
<td>#5974AB [089,116,171]</td>
<td>%textSelectionBackground</td>
<td height="25" style="background-color: #5974AB" width="150">
</tr>
<tr>
<td>TextArea.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
</table>
<h3>TextComponent</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TextComponent.roundedSelection</td>
<td>true</td>
<td></td>
<td></td>
</tr>
</table>
<h3>TextField</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TextFieldUI</td>
<td>com.github.weisj.darklaf.ui.text.DarkTextFieldUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextField.keepSelectionOnFocusLost</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextField.darkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>TextField.inactiveForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>TextField.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>TextField.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TextField.light</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TextField.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TextField.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>TextField.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextField.margin</td>
<td>Insets [0,0,0,0]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextField.insets</td>
<td>Insets [4,4,4,4]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextField.caretBlinkRate</td>
<td>500</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextField.arc</td>
<td>5</td>
<td>%arc</td>
<td></td>
</tr>
<tr>
<td>TextField.searchArc</td>
<td>5</td>
<td>%arc</td>
<td></td>
</tr>
<tr>
<td>TextField.focusArc</td>
<td>5</td>
<td>%arcFocus</td>
<td></td>
</tr>
<tr>
<td>TextField.searchFocusArc</td>
<td>5</td>
<td>%arcFocus</td>
<td></td>
</tr>
<tr>
<td>TextField.borderThickness</td>
<td>3</td>
<td>%borderThickness</td>
<td></td>
</tr>
<tr>
<td>TextField.caretForeground</td>
<td>#000000 [000,000,000]</td>
<td>%caret</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TextField.border.error</td>
<td>#E0A8A9 [224,168,169]</td>
<td>%glowErrorLine</td>
<td height="25" style="background-color: #E0A8A9" width="150">
</tr>
<tr>
<td>TextField.border.focusError</td>
<td>#E0A8A9 [224,168,169]</td>
<td>%glowFocusErrorLine</td>
<td height="25" style="background-color: #E0A8A9" width="150">
</tr>
<tr>
<td>TextField.border.focus</td>
<td>#7B9FC7 [123,159,199]</td>
<td>%glowFocusLine</td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>TextField.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackground</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TextField.disabledBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TextField.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TextField.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TextField.selectionBackground</td>
<td>#5974AB [089,116,171]</td>
<td>%textSelectionBackground</td>
<td height="25" style="background-color: #5974AB" width="150">
</tr>
<tr>
<td>TextField.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>TextField.border.enabled</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%widgetBorder</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>TextField.border.disabled</td>
<td>#CFCFCF [207,207,207]</td>
<td>%widgetBorderInactive</td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>TextField.border</td>
<td>DarkTextBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TextField.border" src="img/DarkTextBorder.png"></td>
</tr>
<tr>
<td>TextField.search.clear.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.close.color">
<stop offset="0" stop-color="#7F8B91"/>
<stop offset="1" stop-color="#7F8B91"/>
</linearGradient>
</defs>
<path d="M7.99494337,8.70506958 L4.85408745,11.8540874 L4.14698067,11.1469807 L7.29493214,8.00505835 L4.14698067,4.85710688 L4.85408745,4.1500001 L8.00204181,7.29795446 L11.1439612,4.1500001 L11.851068,4.85710688 L8.70204624,7.99795888 L11.851068,11.1469807 L11.1439612,11.8540874 L7.99494337,8.70506958 Z"
fill="#"
fill-opacity=".8"/>
</svg>
</td>
</tr>
<tr>
<td>TextField.search.clearHover.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.closeHovered.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<path d="M7.99494337,8.70506958 L4.85408745,11.8540874 L4.14698067,11.1469807 L7.29493214,8.00505835 L4.14698067,4.85710688 L4.85408745,4.1500001 L8.00204181,7.29795446 L11.1439612,4.1500001 L11.851068,4.85710688 L8.70204624,7.99795888 L11.851068,11.1469807 L11.1439612,11.8540874 L7.99494337,8.70506958 Z"
fill="#"
fill-opacity=".8"/>
</svg>
</td>
</tr>
<tr>
<td>TextField.search.searchWithHistory.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.searchWithHistory.color">
<stop offset="0" stop-color="#7F8B91"/>
<stop offset="1" stop-color="#7F8B91"/>
</linearGradient>
<linearGradient id="Icons.searchWithHistory.arrowColor">
<stop offset="0" stop-color="#7F8B91"/>
<stop offset="1" stop-color="#7F8B91"/>
</linearGradient>
</defs>
<g fill="none" opacity=".8">
<path d="M9.03813598,9.94904865 L11.9980971,12.9090097 L10.9374369,13.9696699 L7.98176525,11.0139983 C7.14925083,11.6334368 6.11743313,12 5,12 C2.23857625,12 -1.77635684e-15,9.76142375 -1.77635684e-15,7 C-1.77635684e-15,4.23857625 2.23857625,2 5,2 C7.76142375,2 10,4.23857625 10,7 C10,8.1028408 9.64294803,9.12228765 9.03813598,9.94904865 Z M5,11 C7.209139,11 9,9.209139 9,7 C9,4.790861 7.209139,3 5,3 C2.790861,3 1,4.790861 1,7 C1,9.209139 2.790861,11 5,11 Z"
fill="#"/>
<polygon fill="#" points="16 7 13.5 10 11 7"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>TextField.search.search.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.search.color">
<stop offset="0" stop-color="#7F8B91"/>
<stop offset="1" stop-color="#7F8B91"/>
</linearGradient>
</defs>
<path d="M11.038136,9.94904865 L13.9980971,12.9090097 L12.9374369,13.9696699 L9.98176525,11.0139983 C9.14925083,11.6334368 8.11743313,12 7,12 C4.23857625,12 2,9.76142375 2,7 C2,4.23857625 4.23857625,2 7,2 C9.76142375,2 12,4.23857625 12,7 C12,8.1028408 11.642948,9.12228765 11.038136,9.94904865 Z M7,11 C9.209139,11 11,9.209139 11,7 C11,4.790861 9.209139,3 7,3 C4.790861,3 3,4.790861 3,7 C3,9.209139 4.790861,11 7,11 Z"
fill="#"
opacity=".8"/>
</svg>
</td>
</tr>
</table>
<h3>TextPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TextPaneUI</td>
<td>com.github.weisj.darklaf.ui.text.DarkTextPaneUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextPane.inactiveForeground</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>TextPane.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TextPane.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>TextPane.margin</td>
<td>Insets [3,3,3,3]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextPane.caretBlinkRate</td>
<td>500</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextPane.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>TextPane.caretForeground</td>
<td>#000000 [000,000,000]</td>
<td>%caret</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TextPane.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackground</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>TextPane.disabledBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TextPane.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%textBackgroundInactive</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>TextPane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TextPane.selectionBackground</td>
<td>#5974AB [089,116,171]</td>
<td>%textSelectionBackground</td>
<td height="25" style="background-color: #5974AB" width="150">
</tr>
<tr>
<td>TextPane.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
</table>
<h3>Theme</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>Theme.dark</td>
<td>false</td>
<td></td>
<td></td>
</tr>
</table>
<h3>TitledBorder</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TitledBorder.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TitledBorder.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>TitledBorder.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>TitledBorder.titleColor</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>TitledBorder.border</td>
<td>DarkTitledBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="TitledBorder.border" src="img/DarkTitledBorder.png"></td>
</tr>
</table>
<h3>ToggleButton</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ToggleButtonUI</td>
<td>com.github.weisj.darklaf.ui.button.DarkToggleButtonUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToggleButton.darkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>ToggleButton.select</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>ToggleButton.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>ToggleButton.disabledText</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>ToggleButton.focus</td>
<td>#9999CC [153,153,204]</td>
<td></td>
<td height="25" style="background-color: #9999CC" width="150">
</tr>
<tr>
<td>ToggleButton.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ToggleButton.light</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ToggleButton.sliderSize</td>
<td>Dimension [35,17]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToggleButton.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ToggleButton.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>ToggleButton.margin</td>
<td>Insets [2,14,2,14]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToggleButton.textShiftOffset</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToggleButton.textIconGap</td>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToggleButton.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToggleButton.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ToggleButton.sliderKnobBorderColor</td>
<td>#878787 [135,135,135]</td>
<td>%controlBorder</td>
<td height="25" style="background-color: #878787" width="150">
</tr>
<tr>
<td>ToggleButton.sliderKnobFillColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%controlFill</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ToggleButton.disabledSliderKnobBorderColor</td>
<td>#ABABAB [171,171,171]</td>
<td>%controlFillDisabled</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>ToggleButton.disabledSliderKnobFillColor</td>
<td>#ABABAB [171,171,171]</td>
<td>%controlFillDisabled</td>
<td height="25" style="background-color: #ABABAB" width="150">
</tr>
<tr>
<td>ToggleButton.focusedSliderBorderColor</td>
<td>#7B9FC7 [123,159,199]</td>
<td>%glowFocusLine</td>
<td height="25" style="background-color: #7B9FC7" width="150">
</tr>
<tr>
<td>ToggleButton.selectedForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textContrastForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>ToggleButton.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ToggleButton.activeFillColor</td>
<td>#777777 [119,119,119]</td>
<td>%textForegroundInactive</td>
<td height="25" style="background-color: #777777" width="150">
</tr>
<tr>
<td>ToggleButton.sliderBorderColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%widgetBorder</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>ToggleButton.disabledSliderBorderColor</td>
<td>#CFCFCF [207,207,207]</td>
<td>%widgetBorderInactive</td>
<td height="25" style="background-color: #CFCFCF" width="150">
</tr>
<tr>
<td>ToggleButton.inactiveFillColor</td>
<td>#FFFFFF [255,255,255]</td>
<td>%widgetFill</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ToggleButton.border</td>
<td>DarkButtonBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ToggleButton.border" src="img/DarkButtonBorder.png"></td>
</tr>
</table>
<h3>ToolBar</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ToolBarUI</td>
<td>com.github.weisj.darklaf.ui.toolbar.DarkToolBarUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToolBar.darkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>ToolBar.shadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>ToolBar.dockingBackground</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>ToolBar.light</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ToolBar.highlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>ToolBar.separatorSize</td>
<td>Dimension [16,5]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToolBar.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ToolBar.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>ToolBar.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToolBar.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ToolBar.floatingBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>ToolBar.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%border</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>ToolBar.dropColor</td>
<td>#FCFAED [252,250,237]</td>
<td>%dropBackground</td>
<td height="25" style="background-color: #FCFAED" width="150">
</tr>
<tr>
<td>ToolBar.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ToolBar.floatingForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ToolBar.dockingForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ToolBar.rolloverBorder</td>
<td>DarkToolBarBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ToolBar.rolloverBorder" src="img/DarkToolBarBorder.png"></td>
</tr>
<tr>
<td>ToolBar.nonrolloverBorder</td>
<td>DarkToolBarBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ToolBar.nonrolloverBorder" src="img/DarkToolBarBorder.png">
</td>
</tr>
<tr>
<td>ToolBar.border</td>
<td>DarkToolBarBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ToolBar.border" src="img/DarkToolBarBorder.png"></td>
</tr>
<tr>
<td>ToolBar.verticalGrip.icon</td>
<td>Icon [20,5]</td>
<td></td>
<td align="center">
<svg height="5" viewBox="0 0 20 5" width="20" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.verticalGrip.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="1.5" width="6" x="0" y="0.5"/>
<rect fill="#" height="1.5" width="6" x="7" y="0.5"/>
<rect fill="#" height="1.5" width="6" x="14" y="0.5"/>
<rect fill="#" height="1.5" width="6" x="0" y="3"/>
<rect fill="#" height="1.5" width="6" x="7" y="3"/>
<rect fill="#" height="1.5" width="6" x="14" y="3"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>ToolBar.horizontalGrip.icon</td>
<td>Icon [5,20]</td>
<td></td>
<td align="center">
<svg height="20" viewBox="0 0 5 20" width="5" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.horizontalGrip.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="#" height="6" width="1.5" x="0.5" y="0"/>
<rect fill="#" height="6" width="1.5" x="0.5" y="7"/>
<rect fill="#" height="6" width="1.5" x="0.5" y="14"/>
<rect fill="#" height="6" width="1.5" x="3" y="0"/>
<rect fill="#" height="6" width="1.5" x="3" y="7"/>
<rect fill="#" height="6" width="1.5" x="3" y="14"/>
</g>
</svg>
</td>
</tr>
</table>
<h3>ToolBarSeparator</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ToolBarSeparatorUI</td>
<td>com.github.weisj.darklaf.ui.toolbar.DarkToolBarSeparatorUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>ToolTip</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ToolTipUI</td>
<td>com.github.weisj.darklaf.ui.tooltip.DarkTooltipUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToolTip.hideAccelerator</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToolTip.paintShadow</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>ToolTip.foregroundInactive</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>ToolTip.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ToolTip.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>ToolTip.background</td>
<td>#F7F7F7 [247,247,247]</td>
<td>%backgroundToolTip</td>
<td height="25" style="background-color: #F7F7F7" width="150">
</tr>
<tr>
<td>ToolTip.backgroundInactive</td>
<td>#F7F7F7 [247,247,247]</td>
<td>%backgroundToolTipInactive</td>
<td height="25" style="background-color: #F7F7F7" width="150">
</tr>
<tr>
<td>ToolTip.borderColor</td>
<td>#A0A0A0 [160,160,160]</td>
<td>%borderTertiary</td>
<td height="25" style="background-color: #A0A0A0" width="150">
</tr>
<tr>
<td>ToolTip.borderShadowColor</td>
<td>#000000 [000,000,000]</td>
<td>%shadow</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ToolTip.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>ToolTip.border</td>
<td>DarkDefaultToolTipBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="ToolTip.border" src="img/DarkDefaultToolTipBorder.png"></td>
</tr>
</table>
<h3>ToolTipManager</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ToolTipManager.enableToolTipMode</td>
<td>activeApplication</td>
<td></td>
<td></td>
</tr>
</table>
<h3>Tree</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TreeUI</td>
<td>com.github.weisj.darklaf.ui.tree.DarkTreeUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.lineTypeDashed</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.rendererFillBackground</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.alternateRowColor</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.drawsFocusBorderAroundIcon</td>
<td>false</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.changeSelectionWithFocus</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.renderBooleanAsCheckBox</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.scrollsOnExpand</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.paintLines</td>
<td>true</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Tree.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>Tree.focusInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.editorBorderInsets</td>
<td>Insets [2,5,2,5]</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.leftChildIndent</td>
<td>7</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.rightChildIndent</td>
<td>13</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.rowHeight</td>
<td>22</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.ancestorInputMap</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.focusInputMap.RightToLeft</td>
<td>InputMapUIResource</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.timeFactor</td>
<td>1000</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.alternateRowBackground</td>
<td>#F2F5F9 [242,245,249]</td>
<td>%backgroundAlternative</td>
<td height="25" style="background-color: #F2F5F9" width="150">
</tr>
<tr>
<td>Tree.background</td>
<td>#FFFFFF [255,255,255]</td>
<td>%backgroundContainer</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Tree.hash</td>
<td>#83BFF5 [131,191,245]</td>
<td>%borderFocus</td>
<td height="25" style="background-color: #83BFF5" width="150">
</tr>
<tr>
<td>Tree.lineFocusSelected</td>
<td>#83BFF5 [131,191,245]</td>
<td>%borderFocus</td>
<td height="25" style="background-color: #83BFF5" width="150">
</tr>
<tr>
<td>Tree.line</td>
<td>#83BFF5 [131,191,245]</td>
<td>%borderFocus</td>
<td height="25" style="background-color: #83BFF5" width="150">
</tr>
<tr>
<td>Tree.dropLineColor</td>
<td>#C0C0C0 [192,192,192]</td>
<td>%dropForeground</td>
<td height="25" style="background-color: #C0C0C0" width="150">
</tr>
<tr>
<td>Tree.lineUnselected</td>
<td>#DDDDDD [221,221,221]</td>
<td>%gridLine</td>
<td height="25" style="background-color: #DDDDDD" width="150">
</tr>
<tr>
<td>Tree.lineSelected</td>
<td>#DDDDDD [221,221,221]</td>
<td>%gridLine</td>
<td height="25" style="background-color: #DDDDDD" width="150">
</tr>
<tr>
<td>Tree.unfocusedSelectionBackground</td>
<td>#D5D5D5 [213,213,213]</td>
<td>%highlightFill</td>
<td height="25" style="background-color: #D5D5D5" width="150">
</tr>
<tr>
<td>Tree.selectionBackground</td>
<td>#2675BF [038,117,191]</td>
<td>%highlightFillFocus</td>
<td height="25" style="background-color: #2675BF" width="150">
</tr>
<tr>
<td>Tree.textBackground</td>
<td>#FFFFFF [255,255,255]</td>
<td>%textBackground</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Tree.textForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Tree.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Tree.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>Tree.selectionForegroundInactive</td>
<td>#000000 [000,000,000]</td>
<td>%textSelectionForegroundInactive</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Tree.editorBorderColor</td>
<td>#C4C4C4 [196,196,196]</td>
<td>%widgetBorder</td>
<td height="25" style="background-color: #C4C4C4" width="150">
</tr>
<tr>
<td>Tree.editorBorder</td>
<td>DarkTreeCellBorder</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Tree.editorBorder" src="img/DarkTreeCellBorder.png"></td>
</tr>
<tr>
<td>Tree.booleanRenderType</td>
<td>checkBox</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.defaultLineStyle</td>
<td>line</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tree.expandedIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.expanded.unselected.focused.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.expanded.selected.unfocused.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.expanded.unselected.unfocused.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDown.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.collapsed.selected.focused.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowRightSelected.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8.5 5.5 13 10.5 4 10.5"
transform="matrix(0 -1 -1 0 16.5 16.5)"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.openIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.folder.color">
<stop offset="0" stop-color="#9AA7B0"/>
<stop offset="1" stop-color="#9AA7B0"/>
</linearGradient>
</defs>
<path d="M1,13 L15,13 L15,4 L7.98457,4 L6.69633,2.71149 C6.22161957,2.28559443 5.61570121,2.03457993 4.97888,2 L1.05128,2 C1.02295884,2 1,2.02295884 1,2.05128 L1,13 Z"
fill="#"
fill-opacity=".8"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.closedIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.folder.color">
<stop offset="0" stop-color="#9AA7B0"/>
<stop offset="1" stop-color="#9AA7B0"/>
</linearGradient>
</defs>
<path d="M1,13 L15,13 L15,4 L7.98457,4 L6.69633,2.71149 C6.22161957,2.28559443 5.61570121,2.03457993 4.97888,2 L1.05128,2 C1.02295884,2 1,2.02295884 1,2.05128 L1,13 Z"
fill="#"
fill-opacity=".8"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.leafIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.generalFile.color">
<stop offset="0" stop-color="#9AA7B0"/>
<stop offset="1" stop-color="#9AA7B0"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<polygon fill="#" fill-opacity=".8" points="7 1 3 5 7 5"/>
<polygon fill="#" fill-opacity=".8" points="8 1 8 6 3 6 3 15 13 15 13 1"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>Tree.collapsedIcon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowRight.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8.5 5.5 13 10.5 4 10.5"
transform="matrix(0 -1 -1 0 16.5 16.5)"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.collapsed.selected.unfocused.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowRight.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8.5 5.5 13 10.5 4 10.5"
transform="matrix(0 -1 -1 0 16.5 16.5)"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.collapsed.unselected.unfocused.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowRight.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8.5 5.5 13 10.5 4 10.5"
transform="matrix(0 -1 -1 0 16.5 16.5)"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.collapsed.unselected.focused.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowRight.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8.5 5.5 13 10.5 4 10.5"
transform="matrix(0 -1 -1 0 16.5 16.5)"/>
</svg>
</td>
</tr>
<tr>
<td>Tree.expanded.selected.focused.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Icons.arrowDownSelected.color">
<stop offset="0" stop-color="#AFB1B3"/>
<stop offset="1" stop-color="#AFB1B3"/>
</linearGradient>
</defs>
<polygon fill="#" fill-rule="evenodd" points="8 6 12.5 11 3.5 11"
transform="matrix(1 0 0 -1 0 17)"/>
</svg>
</td>
</tr>
</table>
<h3>TristateCheckBox</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TristateCheckBoxUI</td>
<td>com.github.weisj.darklaf.ui.togglebutton.tristate.DarkTristateCheckBoxUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>TristateCheckBoxMenuItem</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>TristateCheckBoxMenuItemUI</td>
<td>com.github.weisj.darklaf.ui.togglebutton.tristate.DarkTristateCheckBoxMenuItemUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>Viewport</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>ViewportUI</td>
<td>javax.swing.plaf.basic.BasicViewportUI</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Viewport.font</td>
<td>Font [family=Dialog,name=Dialog,style=plain,size=12]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="Viewport.font"
src="img/Font[family=Dialog,name=Dialog,style=plain,size=12].png">
</td>
</tr>
<tr>
<td>Viewport.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Viewport.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
</table>
<h3>Windows</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>Windows.TitlePane.close.rollOverColor</td>
<td>#E81123 [232,017,035]</td>
<td></td>
<td height="25" style="background-color: #E81123" width="150">
</tr>
<tr>
<td>Windows.TitlePane.close.clickColor</td>
<td>#F1707A [241,112,122]</td>
<td></td>
<td height="25" style="background-color: #F1707A" width="150">
</tr>
<tr>
<td>Windows.TitlePane.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 14948) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg enable-background="new 0 0 225.938 407.407" height="16px" id="Layer_1" version="1.1"
viewBox="-2 0 14 16"
width="16px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
y="0px">
<g transform="scale(0.04)">
<path clip-rule="evenodd" d="M48.859,43.518c8.424,17.64,2.736,140.832-7.128,184.032
c-9.864,43.272-19.728,98.28-22.032,144.576c-1.008,19.728,2.016,27.504,14.904,27.504c22.752,0,51.624-47.952,87.84-46.872
c36.288,1.08,47.808,55.008,64.8,54.648c16.992-0.36,30.672-6.264,30.816-58.752C218.563,191.981,87.235,64.973,48.859,43.518
L48.859,43.518L48.859,43.518L48.859,43.518z" fill-rule="evenodd"/>
<path clip-rule="evenodd" d="M162.763,168.726c7.992,13.464,28.368,3.096,29.232-12.096
c0.864-15.192-1.368-34.344-11.232-35.064c-9.864-0.72-16.92-10.584-26.784-11.304c-9.864-0.72-20.448,9.144-25.056-3.96
s12.384-18.648,25.056-20.736c-11.304-11.304-17.928-23.832-22.896-36.864c-4.968-13.032-8.64-24.984,5.256-30.096
c13.896-5.112,12.744,21.168,28.656,33.192c-4.68-17.712-6.408-25.056-6.048-35.352s-0.36-18.144,14.256-16.128
c14.616,2.016,8.28,32.4,19.656,44.784c3.456-11.736,5.544-26.64,13.896-32.76s27.36-6.264,15.264,18.864
c-12.096,25.128,3.528,38.736-0.144,58.536c-3.672,19.8-15.048,16.2-19.944,28.944c-4.896,12.744,2.88,41.76-6.336,54.792
c-9.216,13.032-10.872,33.048-4.896,49.032C172.339,205.374,162.763,168.726,162.763,168.726L162.763,168.726L162.763,168.726
L162.763,168.726z" fill-rule="evenodd"/>
<path clip-rule="evenodd" d="M48.355,185.646c-7.416,50.832-33.192,56.88-34.488,77.976
c-1.296,21.096,6.84,23.112,6.336,42.624c-0.504,19.512-17.856,27.432-19.944,38.016s8.928,13.968,15.336,13.968
c6.408,0,12.816-28.08,15.408-45.936s-8.496-28.368-8.496-40.608c0-12.24,16.056-34.632,13.104-14.976
C48.931,235.686,55.268,208.901,48.355,185.646L48.355,185.646L48.355,185.646L48.355,185.646z"
fill-rule="evenodd"/>
<path clip-rule="evenodd" d="M58.292,205.013c-5.616,27.504-40.68,181.08-22.824,183.024
c17.856,1.944,43.272-47.52,84.888-47.16c41.688,0.36,58.104,55.44,68.256,55.08c10.152-0.36,16.848,3.6,17.928-58.464
c1.08-62.064-36.792-141.336-59.184-176.256C116.971,163.181,84.283,187.518,58.292,205.013L58.292,205.013L58.292,205.013
L58.292,205.013z" fill="#FFFFFF" fill-rule="evenodd"/>
<g>
<path d="M139.162,172.181c-1.95-18.251-19.12-25.421-35.661-23.168c-13.889,1.893-32.403,13.613-34.107,28.64
c-1.921,16.937,11.402,32.522,28.361,33.203c15.03,0.604,31.176-6.668,37.93-20.79
C138.415,184.362,139.482,178.488,139.162,172.181" fill="none"/>
<path d="M147.082,171.533c-1.662-17.195-14.407-27.988-30.895-30.627c-15.924-2.549-33.26,4.998-44.408,16.146
c-12.538,12.538-13.039,29.978-4.26,44.833c8.661,14.657,27.847,19.501,43.563,15.835
C132.588,212.705,148.48,193.896,147.082,171.533"/>
<radialGradient cx="86.6299" cy="167.0693" gradientUnits="userSpaceOnUse" id="SVGID_1_"
r="54.7155">
<stop offset="0" style="stop-color:#FFFFFF"/>
<stop offset="0.0604" style="stop-color:#FBC8B4"/>
<stop offset="0.0712" style="stop-color:#FBC3B0"/>
<stop offset="0.1829" style="stop-color:#F7978B"/>
<stop offset="0.2995" style="stop-color:#F4716B"/>
<stop offset="0.4199" style="stop-color:#F15251"/>
<stop offset="0.5453" style="stop-color:#EF3A3D"/>
<stop offset="0.6778" style="stop-color:#EE292F"/>
<stop offset="0.822" style="stop-color:#ED1F27"/>
<stop offset="1" style="stop-color:#ED1C24"/>
</radialGradient>
<path d="M139.162,177.941c-1.493,15.627-13.947,28.182-28.944,31.824
c-15.87,3.854-33.393-2.257-39.096-18.576c-2.912-8.332-2.37-16.879,2.637-24.198c4.223-6.171,11.033-11,17.779-14.066
c13.924-6.326,33.832-7.029,43.531,7.077C138.744,165.348,139.387,171.641,139.162,177.941" fill="#"
stroke="#000000"/>
</g>
</g>
</svg>
</td>
</tr>
<tr>
<td>Windows.OptionPane.warningDialog.titlePane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Windows.OptionPane.questionDialog.titlePane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Windows.TitlePane.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Windows.OptionPane.errorDialog.titlePane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Windows.TitlePane.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>Windows.TitlePane.borderColor</td>
<td>#D1D1D1 [209,209,209]</td>
<td>%borderSecondary</td>
<td height="25" style="background-color: #D1D1D1" width="150">
</tr>
<tr>
<td>Windows.OptionPane.warningDialog.titlePane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Windows.OptionPane.errorDialog.titlePane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Windows.OptionPane.questionDialog.titlePane.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Windows.TitlePane.inactiveForeground</td>
<td>#777777 [119,119,119]</td>
<td>%textForegroundInactive</td>
<td height="25" style="background-color: #777777" width="150">
</tr>
<tr>
<td>Windows.TitlePane.foreground</td>
<td>#808080 [128,128,128]</td>
<td>%textForegroundSecondary</td>
<td height="25" style="background-color: #808080" width="150">
</tr>
<tr>
<td>Windows.Icons.windowRestore.color</td>
<td>#050708 [005,007,008]</td>
<td>%windowButton</td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>Windows.Icons.windowClose.color</td>
<td>#050708 [005,007,008]</td>
<td>%windowButton</td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>Windows.Icons.windowMaximize.color</td>
<td>#050708 [005,007,008]</td>
<td>%windowButton</td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>Windows.Icons.windowMinimize.color</td>
<td>#050708 [005,007,008]</td>
<td>%windowButton</td>
<td height="25" style="background-color: #050708" width="150">
</tr>
<tr>
<td>Windows.Icons.windowCloseInactive.color</td>
<td>#9B9C9C [155,156,156]</td>
<td>%windowButtonDisabled</td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>Windows.Icons.windowMinimizeInactive.color</td>
<td>#9B9C9C [155,156,156]</td>
<td>%windowButtonDisabled</td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>Windows.Icons.windowMaximizeInactive.color</td>
<td>#9B9C9C [155,156,156]</td>
<td>%windowButtonDisabled</td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>Windows.Icons.windowRestoreInactive.color</td>
<td>#9B9C9C [155,156,156]</td>
<td>%windowButtonDisabled</td>
<td height="25" style="background-color: #9B9C9C" width="150">
</tr>
<tr>
<td>Windows.Icons.windowCloseHover.color</td>
<td>#FFFFFF [255,255,255]</td>
<td>%windowCloseHovered</td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Windows.TitlePane.closeInactive.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Windows.Icons.windowCloseInactive.color">
<stop offset="0" stop-color="#8C8C8C"/>
<stop offset="1" stop-color="#8C8C8C"/>
</linearGradient>
</defs>
<g fill="#" fill-rule="evenodd" transform="translate(3 3)">
<rect height="1" transform="rotate(45 5 5)" width="13" x="-1.5" y="4.5"/>
<rect height="1" transform="scale(-1 1) rotate(45 0 -7.071)" width="13" x="-1.5" y="4.5"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>Windows.TitlePane.restoreInactive.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Windows.Icons.windowRestoreInactive.color">
<stop offset="0" stop-color="#8C8C8C"/>
<stop offset="1" stop-color="#8C8C8C"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M5,8 L5,7 L7,7 L7,1 L1,1 L1,3 L0,3 L0,0 L8,0 L8,8 L5,8 Z"
fill="#"
transform="translate(5 3)"/>
<path d="M0,0 L8,0 L8,8 L0,8 L0,0 Z M1,1 L1,7 L7,7 L7,1 L1,1 Z"
fill="#"
transform="translate(3 5)"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>Windows.TitlePane.maximize.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Windows.Icons.windowMaximize.color">
<stop offset="0" stop-color="#A9A9A9"/>
<stop offset="1" stop-color="#A9A9A9"/>
</linearGradient>
</defs>
<path d="M3,3 L13,3 L13,13 L3,13 L3,3 Z M4,4 L4,12 L12,12 L12,4 L4,4 Z" fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>Windows.TitlePane.restore.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Windows.Icons.windowRestore.color">
<stop offset="0" stop-color="#A9A9A9"/>
<stop offset="1" stop-color="#A9A9A9"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M5,8 L5,7 L7,7 L7,1 L1,1 L1,3 L0,3 L0,0 L8,0 L8,8 L5,8 Z"
fill="#"
transform="translate(5 3)"/>
<path d="M0,0 L8,0 L8,8 L0,8 L0,0 Z M1,1 L1,7 L7,7 L7,1 L1,1 Z" fill="#"
transform="translate(3 5)"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>Windows.TitlePane.maximizeInactive.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Windows.Icons.windowMaximizeInactive.color">
<stop offset="0" stop-color="#8C8C8C"/>
<stop offset="1" stop-color="#8C8C8C"/>
</linearGradient>
</defs>
<path d="M3,3 L13,3 L13,13 L3,13 L3,3 Z M4,4 L4,12 L12,12 L12,4 L4,4 Z" fill="#"
fill-rule="evenodd"/>
</svg>
</td>
</tr>
<tr>
<td>Windows.TitlePane.minimize.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Windows.Icons.windowMinimize.color">
<stop offset="0" stop-color="#A9A9A9"/>
<stop offset="1" stop-color="#A9A9A9"/>
</linearGradient>
</defs>
<rect fill="#" fill-rule="evenodd" height="1" width="10" x="3" y="8"/>
</svg>
</td>
</tr>
<tr>
<td>Windows.TitlePane.closeHover.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Windows.Icons.windowCloseHover.color">
<stop offset="0" stop-color="#FFF"/>
<stop offset="1" stop-color="#FFF"/>
</linearGradient>
</defs>
<g fill="#" fill-rule="evenodd" transform="translate(3 3)">
<rect height="1" transform="rotate(45 5 5)" width="13" x="-1.5" y="4.5"/>
<rect height="1" transform="scale(-1 1) rotate(45 0 -7.071)" width="13" x="-1.5" y="4.5"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>Windows.TitlePane.close.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Windows.Icons.windowClose.color">
<stop offset="0" stop-color="#A9A9A9"/>
<stop offset="1" stop-color="#A9A9A9"/>
</linearGradient>
</defs>
<g fill="#" fill-rule="evenodd" transform="translate(3 3)">
<rect height="1" transform="rotate(45 5 5)" width="13" x="-1.5" y="4.5"/>
<rect height="1" transform="scale(-1 1) rotate(45 0 -7.071)" width="13" x="-1.5" y="4.5"/>
</g>
</svg>
</td>
</tr>
<tr>
<td>Windows.TitlePane.minimizeInactive.icon</td>
<td>Icon [16,16]</td>
<td></td>
<td align="center">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<defs id="colors">
<linearGradient id="Windows.Icons.windowMinimizeInactive.color">
<stop offset="0" stop-color="#8C8C8C"/>
<stop offset="1" stop-color="#8C8C8C"/>
</linearGradient>
</defs>
<rect fill="#" fill-rule="evenodd" height="1" width="10" x="3"
y="8"/>
</svg>
</td>
</tr>
</table>
<h3>global</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>global.background</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>global.inactiveBackground</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>global.caretForeground</td>
<td>#000000 [000,000,000]</td>
<td>%caret</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>global.selectionBackgroundInactive</td>
<td>#D5D5D5 [213,213,213]</td>
<td>%highlightFill</td>
<td height="25" style="background-color: #D5D5D5" width="150">
</tr>
<tr>
<td>global.selectionInactiveBackground</td>
<td>#D5D5D5 [213,213,213]</td>
<td>%highlightFill</td>
<td height="25" style="background-color: #D5D5D5" width="150">
</tr>
<tr>
<td>global.textForeground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>global.foreground</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>global.selectionInactiveForeground</td>
<td>#777777 [119,119,119]</td>
<td>%textForegroundInactive</td>
<td height="25" style="background-color: #777777" width="150">
</tr>
<tr>
<td>global.selectionBackground</td>
<td>#5974AB [089,116,171]</td>
<td>%textSelectionBackground</td>
<td height="25" style="background-color: #5974AB" width="150">
</tr>
<tr>
<td>global.selectionForeground</td>
<td>#F0F0F0 [240,240,240]</td>
<td>%textSelectionForeground</td>
<td height="25" style="background-color: #F0F0F0" width="150">
</tr>
<tr>
<td>global.selectionForegroundInactive</td>
<td>#000000 [000,000,000]</td>
<td>%textSelectionForegroundInactive</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
</table>
<h3>html</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>html.pendingImage</td>
<td>Icon [38,38]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="html.pendingImage" src="img/html.pendingImage.png"></td>
</tr>
<tr>
<td>html.missingImage</td>
<td>Icon [38,38]</td>
<td></td>
<td align="center" style="padding:0px"><img alt="html.missingImage" src="img/html.missingImage.png"></td>
</tr>
</table>
<h3>link</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>link.foreground</td>
<td>#589DF6 [088,157,246]</td>
<td>%hyperlink</td>
<td height="25" style="background-color: #589DF6" width="150">
</tr>
</table>
<h3>swing</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>swing.boldMetal</td>
<td>false</td>
<td></td>
<td></td>
</tr>
</table>
<h3>swingx/TaskPane</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>swingx/TaskPaneUI</td>
<td>com.github.weisj.darklaf.ui.taskpane.DarkTaskPaneUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>swingx/TaskPaneContainer</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>swingx/TaskPaneContainerUI</td>
<td>com.github.weisj.darklaf.ui.taskpane.DarkTaskPaneContainerUI</td>
<td></td>
<td></td>
</tr>
</table>
<h3>Miscellaneous</h3>
<table>
<tr>
<th>Key</th>
<th>Value</th>
<th>Reference</th>
<th>Preview</th>
</tr>
<tr>
<td>textText</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>textHighlightText</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>infoText</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>inactiveCaptionText</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>controlText</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>menuText</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>windowText</td>
<td>#000000 [000,000,000]</td>
<td></td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>controlDkShadow</td>
<td>#666666 [102,102,102]</td>
<td></td>
<td height="25" style="background-color: #666666" width="150">
</tr>
<tr>
<td>textInactiveText</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>controlShadow</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>inactiveCaptionBorder</td>
<td>#999999 [153,153,153]</td>
<td></td>
<td height="25" style="background-color: #999999" width="150">
</tr>
<tr>
<td>scrollbar</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>inactiveCaption</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>menu</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>windowBorder</td>
<td>#CCCCCC [204,204,204]</td>
<td></td>
<td height="25" style="background-color: #CCCCCC" width="150">
</tr>
<tr>
<td>textHighlight</td>
<td>#CCCCFF [204,204,255]</td>
<td></td>
<td height="25" style="background-color: #CCCCFF" width="150">
</tr>
<tr>
<td>controlHighlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>controlLtHighlight</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>text</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>window</td>
<td>#FFFFFF [255,255,255]</td>
<td></td>
<td height="25" style="background-color: #FFFFFF" width="150">
</tr>
<tr>
<td>Text-specific LCD contrast key</td>
<td>120</td>
<td></td>
<td></td>
</tr>
<tr>
<td>control</td>
<td>#F2F2F2 [242,242,242]</td>
<td>%background</td>
<td height="25" style="background-color: #F2F2F2" width="150">
</tr>
<tr>
<td>desktop</td>
<td>#E6EBF0 [230,235,240]</td>
<td>%backgroundColorful</td>
<td height="25" style="background-color: #E6EBF0" width="150">
</tr>
<tr>
<td>info</td>
<td>#E6EBF0 [230,235,240]</td>
<td>%backgroundColorful</td>
<td height="25" style="background-color: #E6EBF0" width="150">
</tr>
<tr>
<td>activeCaption</td>
<td>#E6EBF0 [230,235,240]</td>
<td>%backgroundColorful</td>
<td height="25" style="background-color: #E6EBF0" width="150">
</tr>
<tr>
<td>activeCaptionText</td>
<td>#000000 [000,000,000]</td>
<td>%textForeground</td>
<td height="25" style="background-color: #000000" width="150">
</tr>
<tr>
<td>Text-specific antialiasing enable key</td>
<td>Value</td>
<td></td>
<td></td>
</tr>
</table>
<a href="../index.html">back</a>
</html>