Add SKPaint variables in a common class. To be shared. They have common settings like font, width, style etc. Or method than can construct the paint settings.

• Each widget should have a button in top right, gear (⚙️) icon. Download the image instead to use a emoji text.
  

• When the gear (⚙️) icon clicked it opens a pop-up (find correct implementation window/modal etc) with 500x1000 dimensions and show a close button (❌) top right, the pop-up closes only when the close button is clicked. Click outside of the pop-up does nothing.

  • Hover effect of the buttons

• Colorpicker Color picker #63, the color picker should be a reusable Custom Control, (either with xaml or only the .cs)

• Add other reusable widgets for font size, font, margins, size etc.

• Preview widget, a small box at the bottom of the pop-up appears showing how will look the

• Persist settings on change of any of the values in the pop-up
  There will be temp setting values to help preview widget. For example speed widget will have max_speed and current_speed to visualize the widget frame

• Apply saved settings in Widgets Export logic

• Common class for default values, like colors (Color palette class ), font size, font, etc.

• Optionally a method that can recolor some parts of the widgets, (like Garmin main/secondary color) also colors for texts.

Widget name at top