Using a technique discussed here http://dontpanic82.blogspot.com/2010/01/xpages-using-powerful-design-definition.html
I have been updating controls that I use frequently and adding the properties to the design definition. While using this great tool, I added the following to the design definition to show what was set in properties, feel free to add or not:
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xc="http://www.ibm.com/xsp/custom">
<!-- modification start made custom control dynamic colored based on actual toolbar color indicated by XPage added to -->
<% if(this.toolbarColor ){ %>
<xp:div style="<%='border: 1px solid #000000; color: #ffffff; padding:2px; background-color: ' + this.toolbarColor%>" >
<% } else { %>
<xp:div style="<%='border: 1px solid #000000; color: #ffffff; padding:2px; background-color: #444444;' %>" >
<%}%>
<% if(this.collapseTo==='left' ){ %>
<<
<% } else { %>
>>
<% } %>
  
collapsed: <%= this.defaultCollapsed %>
  
<!-- modification end -->
<b>XPage Debug Toolbar</b>
(by Mark Leusink)
</xp:div>
</xp:view>