Edited Issue: [UX] Desgigner surface: compartment colors should be based on same hue as shape's [345]

Currently we use Gainsboro and WhiteSmoke, but we should use a color based on the same hue as the fill color of the shape for better appearance.