Change the colors of the border and fill area of a shape (circle/rectangle/polygon)

Draw the shape

To learn how, visit these links:

Draw a rectangle - (Rectangle Tool)

Draw a circle - (Circle Tool)

Draw a polygon - (Polygon Tool)

(Optional) Choose the color of the shape's fill area.
To choose the color:
1. In the top toolbar, select the Fill Picker.
  The Fill Picker is the Bucket Icon displaying the tooltip: "Change fills. Fill connected lines".
2. There are 2 options for this step:
  
  Option 1
  Type the Hex Color Code into the field.
  
  Option 2
  1. Click on the "White+Color" field to choose how much white is mixed with a color.
  2. (Optional) Click on the Shade Bar to choose how much gray or black is mixed with the "White+Color".
3. (Optional) In the "Opacity" field, type-in the non-transparency percentage of the final color.
  The opacity value:
  - 0% is invisible.
  - 50% is see-through.
  - 100% is the solid color.
Note: You can save colors to use later. To learn how, visit this link: Save a color swatch, then apply it to a new line, shape, or label
(Optional) Choose the color of the shape's border.
The Border Color Picker is the Pencil Icon displaying the tooltip: "Changes line/border color".

Select the "Fill/Change Color Tool" in the top toolbar.
Or you can press the "G" button on your keyboard.
In the Map View, hover anywhere on the border to highlight it. Then click on the border.
You will see the border color is updated.
Hover anywhere on the fill area to highlight it. Then click on the fill area.
You will see the fill area color is updated.