Re-Redesign of the Install Tab (#3350)

* Initial Remove Expanded View

* more cleanup

* Add word wrapping for Tooltips

* Update tooltip colors in themes and XAML styles

* Rename Properties for consistency

* More Cleanup, and simplification. Also added support for screenreaders

* Remove unused variables and shorten window naming

* Rename Invoke-WPFUIApps to Initialize-WPFUI and update function calls for consistency

* Rename Invoke-WPFUIApps.ps1 to Initialize-WPFUI.ps1

* Add TODO comments for sidebar UI generation in Initialize-WPFUI function

config/appnavigation.json

@@ -1,31 +1,24 @@
 {
-    "WPFToggleView": {
-        "Content": ["Expanded View", "Compact View"],
+    "WPFInstall": {
+        "Content": "Install/Upgrade Applications",
         "Category": "____Actions",
-        "Type": "ToggleButton",
+        "Type": "Button",
         "Order": "1",
-        "Description": "Toggle between a list and a compact grid like view"
+        "Description": "Install or upgrade the selected applications"
     },
-    "WPFSelectedFilter": {
-        "Content": [ "Show All", "Show Selected"],
+    "WPFUninstall": {
+        "Content": "Uninstall Applications",
         "Category": "____Actions",
-        "Type": "ToggleButton",
+        "Type": "Button",
         "Order": "2",
-        "Description": "Toggle between showing all or only the selected applications"
+        "Description": "Uninstall the selected applications"
     },
-    "WPFClearInstallSelection": {
-        "Content": "Clear Selection",
+    "WPFInstallUpgrade": {
+        "Content": "Upgrade all Applications",
         "Category": "____Actions",
         "Type": "Button",
         "Order": "3",
-        "Description": "Clear the selection of applications"
-    },
-    "WPFGetInstalled": {
-        "Content": "Get Installed",
-        "Category": "____Actions",
-        "Type": "Button",
-        "Order": "4",
-        "Description": "Show installed applications"
+        "Description": "Upgrade all applications to the latest version"
     },
     "WingetRadioButton": {
         "Content": "Winget",
@@ -44,5 +37,26 @@
         "Checked": false,
         "Order": "2",
         "Description": "Use Chocolatey for package management"
+    },
+    "WPFClearInstallSelection": {
+        "Content": "Clear Selection",
+        "Category": "__Selection",
+        "Type": "Button",
+        "Order": "1",
+        "Description": "Clear the selection of applications"
+    },
+    "WPFGetInstalled": {
+        "Content": "Get Installed",
+        "Category": "__Selection",
+        "Type": "Button",
+        "Order": "2",
+        "Description": "Show installed applications"
+    },
+    "WPFselectedAppsButton": {
+        "Content": "Selected Apps: 0",
+        "Category": "__Selection",
+        "Type": "Button",
+        "Order": "3",
+        "Description": "Show the selected applications"
     }
 }

config/themes.json

@@ -1,5 +1,9 @@
 {
     "shared":{
+        "AppEntryWidth":  "130",
+        "AppEntryFontSize":  "11",
+        "AppEntryMargin":  "1,1,1,1",
+        "AppEntryBorderTickness":  "0",
         "CustomDialogFontSize":       "12",
         "CustomDialogFontSizeHeader": "14",
         "CustomDialogLogoSize":       "25",
@@ -16,6 +20,7 @@
         "TabButtonWidth":         "110",
         "TabButtonHeight":        "26",
         "TabRowHeightInPixels":   "50",
+        "ToolTipWidth":         "300",
         "IconFontSize":     "14",
         "IconButtonSize":   "35",
         "SettingsIconFontSize":   "18",
@@ -35,11 +40,10 @@
         "CheckboxMouseOverColor": "#999999",
         "ButtonBorderThickness":  "1",
         "ButtonMargin":  "1",
-        "ButtonCornerRadius": "2",
-        "AppTileImageSize": "40"
+        "ButtonCornerRadius": "2"
     },
     "Light": {
-        "AppInstallUnselectedColor": "#F0F0F0",
+        "AppInstallUnselectedColor": "#F7F7F7",
         "AppInstallHighlightedColor": "#CFCFCF",
         "AppInstallSelectedColor": "#C2C2C2",
         "ComboBoxForegroundColor":  "#232629",
@@ -72,6 +76,7 @@
         "ButtonForegroundColor":  "#232629",
         "ToggleButtonOnColor":  "#2e77ff",
         "ToggleButtonOffColor": "#707070",
+        "ToolTipBackgroundColor": "#F7F7F7",
         "BorderColor": "#232629",
         "BorderOpacity": "0.2"
 
@@ -110,6 +115,7 @@
         "ButtonForegroundColor":  "#F7F7F7",
         "ToggleButtonOnColor": "#2e77ff",
         "ToggleButtonOffColor": "#707070",
+        "ToolTipBackgroundColor": "#2F373D",
         "BorderColor": "#2F373D",
         "BorderOpacity": "0.2"
     }