add style for colorbox in outfit window

modules/core_styles/styles/checkboxes.otui

@@ -30,4 +30,19 @@ CheckBox < UICheckBox
 
   $disabled:
     background-color: #ffffff88
-    color: #aaaaaa88
+    color: #aaaaaa88
+
+ColorBox < UICheckBox
+  size: 16 16
+  box-size: 16 16
+  background-color: #ffffffff
+
+  $checked:
+    image:
+      source: /core_styles/images/colorbox.png
+      coords: 16 0 16 16
+
+  $!checked:
+    image:
+      source: /core_styles/images/colorbox.png
+      coords: 0 0 16 16

modules/outfit/outfit.lua

@@ -9,10 +9,10 @@ local currentOutfit = 1
 local function update()
   local creatureWidget = window:getChildById('creature')
   creatureWidget:setOutfitType(outfits[currentOutfit][1])
-  
+
   local nameWidget = window:getChildById('name')
   nameWidget:setText(outfits[currentOutfit][2])
-  
+
   local availableAddons = outfits[currentOutfit][3]
   local addon1 = window:getChildById('addon1')
   local addon2 = window:getChildById('addon2')
@@ -20,7 +20,7 @@ local function update()
   addon1:setChecked(false)
   addon2:setChecked(false)
   addon3:setChecked(false)
-  
+
   -- Maybe rework this someday
   if availableAddons == 1 then
     addon1:setChecked(true)
@@ -42,7 +42,7 @@ local function update()
     addon2:setChecked(true)
     addon3:setChecked(true)
   end
-  
+
 end
 
 -- public functions
@@ -61,28 +61,28 @@ function Outfit.create(creature, outfitList)
   Outfit.destroy()
   window = loadUI("/outfit/outfit.otui", UI.root)
   window:lock()
-  
+
   local creatureWidget = window:getChildById('creature')
   creatureWidget:setCreature(creature)
-  
+
   local firstColor = UIWidget.create()
   window:addChild(firstColor)
   firstColor:setStyle('ColorFirst')
-  
+
   for i=0,18 do
     for j=0,6 do
       local color = UICheckBox.create()
       window:addChild(color)
-      
+
       local outfitColor = getOufitColor(j*19 + i)
-      
+
       color:setStyle('Color')
       color:setBackgroundColor(outfitColor)
-      color:setMarginTop(j * 3 + j * 12)
-      color:setMarginLeft(i * 3 + i * 12)
+      color:setMarginTop(j * 3 + j * 14)
+      color:setMarginLeft(i * 3 + i * 14)
     end
   end
-  
+
   outfits = outfitList
   currentOutfit = 1
   update()
@@ -96,14 +96,14 @@ function Outfit.destroy()
 end
 
 function Outfit.nextType()
-  
+
   currentOutfit = currentOutfit + 1
   if currentOutfit > #outfits then
     currentOutfit = 1
   end
-  
+
   update()
-  
+
 end
 
 function Outfit.previousType()
@@ -111,9 +111,9 @@ function Outfit.previousType()
   if currentOutfit <= 0 then
     currentOutfit = #outfits
   end
-  
+
   update()
-  
+
 end
 
 -- hooked events

modules/outfit/outfit.otui

@@ -1,31 +1,23 @@
-ColorCheckBox < UICheckBox
-  size: 12 12
-  box-size: 12 12
-  background-color: #ffffffff
-  
-  image:
-    source: /core_styles/images/empty_rect.png
-
 ColorFirst < UIWidget
   id: color
   margin.left: 20
   anchors.top: creature.top
   anchors.left: creature.right
-  
-Color < ColorCheckBox
+
+Color < ColorBox
   anchors.top: color.top
   anchors.left: color.right
-  
+
 Window
   title: Select Outfit
-  size: 420 280
-  
+  size: 450 280
+
   anchors.horizontalCenter: parent.horizontalCenter
   anchors.verticalCenter: parent.verticalCenter
-  
+
   onEnter: Outfit.accept()
   onEscape: Outfit.destroy()
-  
+
   Label
     id: name
     text: Outfit Name
@@ -34,7 +26,7 @@ Window
     anchors.left: parent.left
     margin.top: 34
     margin.left: 20
-  
+
   Creature
     id: creature
     anchors.top: name.bottom
@@ -48,7 +40,7 @@ Window
     margin.top: 3
     anchors.top: creature.bottom
     anchors.right: creature.right
-    
+
   Button
     @onClick: Outfit.previousType()
     text: <<
@@ -56,7 +48,7 @@ Window
     margin.top: 3
     anchors.top: creature.bottom
     anchors.left: creature.left
-    
+
   CheckBox
     id: addon1
     text: Addon 1
@@ -65,7 +57,7 @@ Window
     width: 100
     anchors.top: prev.bottom
     anchors.left: prev.left
-    
+
   CheckBox
     id: addon2
     text: Addon 2
@@ -74,7 +66,7 @@ Window
     width: 100
     anchors.top: prev.bottom
     anchors.left: prev.left
-    
+
   CheckBox
     id: addon3
     text: Addon 3
@@ -83,7 +75,7 @@ Window
     width: 100
     anchors.top: prev.bottom
     anchors.left: prev.left
-  
+
   HorizontalSeparator
     anchors.left: parent.left
     anchors.right: parent.right