refactor(textbox): Add the Lightweight Styling Text Box Style

[nguyeenvy]

closes #988

GitHub Issue: #988

PR Type

• Refactoring (no functional changes, no api changes)

Description

TextBox.xaml has been modified. New resources have been created for overriding in other pages.
Filled

Outlined

Locally overridden with:

<Page.Resources>
	<!--#region Filled Text Box Brushes-->
	<SolidColorBrush x:Key="FilledTextBoxBackground"
					 Color="Red" />
	<SolidColorBrush x:Key="FilledTextBoxBackgroundPointerOver"
					 Color="Orange" />
	<SolidColorBrush x:Key="FilledTextBoxBackgroundFocused"
					 Color="Yellow" />
	<SolidColorBrush x:Key="FilledTextBoxBackgroundDisabled"
					 Color="Green" />

	<SolidColorBrush x:Key="FilledTextBoxBorderBrush"
					 Color="Blue" />
	<SolidColorBrush x:Key="FilledTextBoxBorderBrushPointerOver"
					 Color="Indigo" />
	<SolidColorBrush x:Key="FilledTextBoxBorderBrushFocused"
					 Color="Pink" />
	<SolidColorBrush x:Key="FilledTextBoxBorderBrushDisabled"
					 Color="Red" />

	<SolidColorBrush x:Key="FilledTextBoxDeleteButtonForeground"
					 Color="Orange" />
	<SolidColorBrush x:Key="FilledTextBoxDeleteButtonForegroundPointerOver"
					 Color="Yellow" />
	<SolidColorBrush x:Key="FilledTextBoxDeleteButtonForegroundFocused"
					 Color="Green" />
	<SolidColorBrush x:Key="FilledTextBoxDeleteButtonForegroundDisabled"
					 Color="Blue" />

	<SolidColorBrush x:Key="FilledTextBoxForeground"
					 Color="Indigo" />
	<SolidColorBrush x:Key="FilledTextBoxForegroundPointerOver"
					 Color="Pink" />
	<SolidColorBrush x:Key="FilledTextBoxForegroundFocused"
					 Color="Red" />
	<SolidColorBrush x:Key="FilledTextBoxForegroundDisabled"
					 Color="Orange" />

	<SolidColorBrush x:Key="FilledTextBoxPlaceholderForeground"
					 Color="Yellow" />
	<SolidColorBrush x:Key="FilledTextBoxPlaceholderForegroundPointerOver"
					 Color="Green" />
	<SolidColorBrush x:Key="FilledTextBoxPlaceholderForegroundFocused"
					 Color="Blue" />
	<SolidColorBrush x:Key="FilledTextBoxPlaceholderForegroundDisabled"
					 Color="Indigo" />
	<!--#endregion-->

	<!--#region Outlined Text Box Brushes-->
	<SolidColorBrush x:Key="OutlinedTextBoxBorderBrush"
					 Color="Pink" />
	<SolidColorBrush x:Key="OutlinedTextBoxBorderBrushPointerOver"
					 Color="Red" />
	<SolidColorBrush x:Key="OutlinedTextBoxBorderBrushFocused"
					 Color="Orange" />
	<SolidColorBrush x:Key="OutlinedTextBoxBorderBrushDisabled"
					 Color="Yellow" />

	<SolidColorBrush x:Key="OutlinedTextBoxForeground"
					 Color="Green" />
	<SolidColorBrush x:Key="OutlinedTextBoxForegroundPointerOver"
					 Color="Blue" />
	<SolidColorBrush x:Key="OutlinedTextBoxForegroundFocused"
					 Color="Indigo" />
	<SolidColorBrush x:Key="OutlinedTextBoxForegroundDisabled"
					 Color="Pink" />

	<SolidColorBrush x:Key="OutlinedTextBoxPlaceholderForeground"
					 Color="Red" />
	<SolidColorBrush x:Key="OutlinedTextBoxPlaceholderForegroundPointerOver"
					 Color="Orange" />
	<SolidColorBrush x:Key="OutlinedTextBoxPlaceholderForegroundFocused"
					 Color="Yellow" />
	<SolidColorBrush x:Key="OutlinedTextBoxPlaceholderForegroundDisabled"
					 Color="Green" />
	<!--#endregion-->
</Page.Resources>

PR Checklist

• Commits must be following the Conventional Commits specification
• Tested UWP
• Tested iOS
• Tested Android
• Tested WASM
• Tested MacOS
• Contains No breaking changes

Internal Issue (If applicable):

#988

[CLAassistant]

All committers have signed the CLA.

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://salmon-rock-0cfebe70f-1002.eastus2.azurestaticapps.net