Step by Step — How to redesign a color-changing program

3 min readJun 28, 2022

In this article, we will design a program that changes the color of a hexagonal polygon by pressing buttons on the interface.

Let’s take a look at what we are going to achieve by the end of this article…

Before we begin this project, it is required that you have Microsoft Visual Studio Installed with a Bunifu Framework library.
Just Color Picker is used as a color picker and a color mixing tool, including a harmonious color finder.

The Design Process…

To begin, create a new Windows Forms project in Visual Studio; in the new form, add a BunifuElipse and set the form border style as none.

Next, we are going to add a BunifuShape, change the circle into a polygon with six sides, and set the default color as RGB(1,60,125) as from the inspiration from the above.

Add a BunifuSeperator and set it as vertical to act as a virtual divider in the window.

bunifuLabel of the fluted contrast increase the font size and set as bold to distinguish as title then add another bunifuLabel as the description below as shown.

Having finished that, we now add three custom Bunifulabels; Color Options, Quantity, and Price.

add bunifuButtons, a BunifuDropdown, and a BunifuShadowPanel.

Select the button and in the Properties menu choose the AutoRoundBorder property as true, edit the size as (32,32).

Copy and Paste the button six more times to create seven identical circular buttons.

Use Just Color Picker to equivalent the colors from the inspiration to change the buttons’ fill color in the interface.

For each colored button, use the code below to link its IdleFillColor to the FillColor on the BunifuShape.

Each button would be linked to the shape in that, the color of the button would be reflected to become the new color of the shape once clicked by the user.