fix csharp language slugs

Author: jwmsft

hub/apps/develop/composition/composition-brushes.md

@@ -55,7 +55,7 @@ The following illustration and code shows a small visual tree to create a rectan
 
 ![CompositionColorBrush](images/composition-compositioncolorbrush.png)
 
-```cs
+```csharp
 Compositor _compositor;
 ContainerVisual _container;
 SpriteVisual _colorVisual1, _colorVisual2;
@@ -87,7 +87,7 @@ The following illustration and code shows a SpriteVisual painted with a LinearGr
 
 ![CompositionLinearGradientBrush](images/composition-compositionlineargradientbrush.png)
 
-```cs
+```csharp
 Compositor _compositor;
 SpriteVisual _gradientVisual;
 CompositionLinearGradientBrush _redyellowBrush;
@@ -110,7 +110,7 @@ The following illustration and code shows a SpriteVisual painted with a RadialGr
 
 ![CompositionRadialGradientBrush](images/radial-gradient-brush.png)
 
-```cs
+```csharp
 Compositor _compositor;
 SpriteVisual _gradientVisual;
 CompositionRadialGradientBrush RGBrush;
@@ -133,7 +133,7 @@ The following illustration and code shows a SpriteVisual painted with a bitmap o
 
 ![CompositionSurfaceBrush](images/composition-compositionsurfacebrush.png)
 
-```cs
+```csharp
 Compositor _compositor;
 SpriteVisual _imageVisual;
 CompositionSurfaceBrush _imageBrush;
@@ -156,7 +156,7 @@ A [CompositionSurfaceBrush](/windows/windows-app-sdk/api/winrt/microsoft.ui.comp
 
 The following code shows a SpriteVisual painted with a text run rendered onto an ICompositionSurface by using Win2D. To use Win2D with WinUI, install the [Microsoft.Graphics.Win2D NuGet package](https://www.nuget.org/packages/Microsoft.Graphics.Win2D) in your project.
 
-```cs
+```csharp
 Compositor _compositor;
 CanvasDevice _device;
 CompositionGraphicsDevice _compositionGraphicsDevice;
@@ -203,7 +203,7 @@ A [CompositionSurfaceBrush](/windows/windows-app-sdk/api/winrt/microsoft.ui.comp
 
 The following code shows a SpriteVisual painted with a video loaded onto an ICompositionSurface.
 
-```cs
+```csharp
 Compositor _compositor;
 SpriteVisual _videoVisual;
 CompositionSurfaceBrush _videoBrush;
@@ -236,7 +236,7 @@ The following illustration and code shows a SpriteVisual painted with an image o
 
 ![CompositionEffectBrush](images/composition-cat-desaturated.png)
 
-```cs
+```csharp
 Compositor _compositor;
 SpriteVisual _effectVisual;
 CompositionEffectBrush _effectBrush;
@@ -273,7 +273,7 @@ The following illustration and code shows a SpriteVisual painted with a Composit
 
 ![CompositionMaskBrush](images/composition-compositionmaskbrush.png)
 
-```cs
+```csharp
 Compositor _compositor;
 SpriteVisual _maskVisual;
 CompositionMaskBrush _maskBrush;
@@ -301,7 +301,7 @@ A [CompositionNineGridBrush](/windows/windows-app-sdk/api/winrt/microsoft.ui.com
 
 The following code shows a SpriteVisual painted with a CompositionNineGridBrush. The source of the mask is a CompositionSurfaceBrush which is stretched using a Nine-Grid.
 
-```cs
+```csharp
 Compositor _compositor;
 SpriteVisual _nineGridVisual;
 CompositionNineGridBrush _nineGridBrush;
@@ -332,7 +332,7 @@ A [CompositionBackdropBrush](/windows/windows-app-sdk/api/winrt/microsoft.ui.com
 
 The following code shows a small visual tree to create an image using CompositionSurfaceBrush and a frosted glass overlay above the image. The frosted glass overlay is created by placing a SpriteVisual filled with an EffectBrush above the image. The EffectBrush uses a CompositionBackdropBrush as an input to the blur effect.
 
-```cs
+```csharp
 Compositor _compositor;
 ContainerVisual _containerVisual;
 SpriteVisual _imageVisual;

hub/apps/develop/composition/composition-effects.md

@@ -52,7 +52,7 @@ See Win2D’s [Microsoft.Graphics.Canvas.Effects](https://microsoft.github.io/Wi
 
 Effects can be chained, allowing an application to simultaneously use multiple effects on an image. Effect graphs can support multiple effects that can refer to one and other. When describing your effect, simply add an effect as input to your effect.
 
-```cs
+```csharp
 IGraphicsEffect graphicsEffect =
 new Microsoft.Graphics.Canvas.Effects.ArithmeticCompositeEffect
 {
@@ -83,13 +83,13 @@ When compiling the effect description above, you have the flexibility of either
 
 Compiling an effect with saturation baked in:
 
-```cs
+```csharp
 var effectFactory = _compositor.CreateEffectFactory(graphicsEffect);
 ```
 
 Compiling an effect with dynamic saturation:
 
-```cs
+```csharp
 var effectFactory = _compositor.CreateEffectFactory(graphicsEffect, new[]{"SaturationEffect.Saturation"});
 _catEffect = effectFactory.CreateBrush();
 _catEffect.SetSourceParameter("mySource", surfaceBrush);
@@ -100,7 +100,7 @@ The saturation property of the effect above can then be either set to a static v
 
 You can create a ScalarKeyFrame that will be used to animate the Saturation property of an effect like this:
 
-```cs
+```csharp
 ScalarKeyFrameAnimation effectAnimation = _compositor.CreateScalarKeyFrameAnimation();
             effectAnimation.InsertKeyFrame(0f, 0f);
             effectAnimation.InsertKeyFrame(0.50f, 1f);
@@ -111,7 +111,7 @@ ScalarKeyFrameAnimation effectAnimation = _compositor.CreateScalarKeyFrameAnimat
 
 Start the animation on the Saturation property of the effect like this:
 
-```cs
+```csharp
 catEffect.Properties.StartAnimation("saturationEffect.Saturation", effectAnimation);
 ```
 
@@ -156,15 +156,15 @@ In the next few steps we will use composition API’s to apply a saturation effe
 
 ### Setting your Composition Basics
 
-```cs
+```csharp
 _compositor = ElementCompositionPreview.GetElementVisual(MyHost).Compositor;
 _root = _compositor.CreateContainerVisual();
 ElementCompositionPreview.SetElementChildVisual(MyHost, _root);
 ```
 
 ### Creating a CompositionSurface Brush
 
-```cs
+```csharp
 CompositionSurfaceBrush surfaceBrush = _compositor.CreateSurfaceBrush();
 LoadedImageSurface imageSurface = LoadedImageSurface.StartLoadFromUri(new Uri("ms-appx:///Assets/cat.png"));
 surfaceBrush.Surface = imageSurface;
@@ -174,7 +174,7 @@ surfaceBrush.Surface = imageSurface;
 
 1. Create the graphics effect.
 
-    ```cs
+    ```csharp
     var graphicsEffect = new SaturationEffect
     {
         Saturation = 0.0f,
@@ -184,7 +184,7 @@ surfaceBrush.Surface = imageSurface;
 
 1. Compile the effect and create the effect brush.
 
-    ```cs
+    ```csharp
     var effectFactory = _compositor.CreateEffectFactory(graphicsEffect);
 
     var catEffect = effectFactory.CreateBrush();
@@ -193,7 +193,7 @@ surfaceBrush.Surface = imageSurface;
 
 1. Create a SpriteVisual in the composition tree and apply the effect.
 
-    ```cs
+    ```csharp
     var catVisual = _compositor.CreateSpriteVisual();
     catVisual.Brush = catEffect;
     catVisual.Size = new Vector2(219, 300);

hub/apps/develop/composition/composition-lighting.md

@@ -43,7 +43,7 @@ When lights target a Visual (add to [Targets](/windows/windows-app-sdk/api/winrt
 
 In the sample below, we use a PointLight to target a XAML TextBlock.
 
-```cs
+```csharp
     _pointLight = _compositor.CreatePointLight();
     _pointLight.Color = Colors.White;
     _pointLight.CoordinateSpace = text; //set up co-ordinate space for offset
@@ -52,7 +52,7 @@ In the sample below, we use a PointLight to target a XAML TextBlock.
 
 By adding animation to the offset of the point light, a shimmering effect is easily achieved.
 
-```cs
+```csharp
 _pointLight.Offset = new Vector3(-(float)TextBlock.ActualWidth, (float)TextBlock.ActualHeight / 2, (float)TextBlock.FontSize);
 ```
 
@@ -121,7 +121,7 @@ Property | Description
 
 The sample below shows how to add a normal map to a SceneLightingEffect.
 
-```cs
+```csharp
 CompositionBrush CreateNormalMapBrush(ICompositionSurface normalMapImage)
 {
     var colorSourceEffect = new ColorSourceEffect()

hub/apps/develop/composition/composition-shadows.md

@@ -13,7 +13,7 @@ The [DropShadow](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.dro
 
 To create a basic shadow, simply create a new DropShadow and associate it to your visual. The shadow is rectangular by default. A standard set of properties are available to tweak the look and feel of your shadow.
 
-```cs
+```csharp
 var basicRectVisual = _compositor.CreateSpriteVisual();
 basicRectVisual.Brush = _compositor.CreateColorBrush(Colors.Blue);
 basicRectVisual.Offset = new Vector3(100, 100, 20);
@@ -40,7 +40,7 @@ There are a few ways to define the shape for your DropShadow:
 
 If you want your shadow to match the Visual’s content you can either use the Visual’s brush for your Shadow mask property, or set the shadow to automatically inherit mask from the content. If using a LayerVisual, the shadow will inherit the mask by default.
 
-```cs
+```csharp
 var imageSurface = LoadedImageSurface.StartLoadFromUri(new Uri("ms-appx:///Assets/myImage.png"));
 var imageBrush = _compositor.CreateSurfaceBrush(imageSurface);
 
@@ -66,7 +66,7 @@ In some cases, you may want to shape the shadow such that it doesn’t match you
 
 In the below example, we load two surfaces - one for the Visual content and one for the Shadow mask:
 
-```cs
+```csharp
 var imageSurface = LoadedImageSurface.StartLoadFromUri(new Uri("ms-appx:///Assets/myImage.png"));
 var imageBrush = _compositor.CreateSurfaceBrush(imageSurface);
 
@@ -92,7 +92,7 @@ imageSpriteVisual.Shadow = shadow;
 
 As is standard in the Visual Layer, DropShadow properties can be animated using Composition Animations. Below, we modify the code from the sprinkles sample above to animate the blur radius for the shadow.
 
-```cs
+```csharp
 ScalarKeyFrameAnimation blurAnimation = _compositor.CreateScalarKeyFrameAnimation();
 blurAnimation.InsertKeyFrame(0.0f, 25.0f);
 blurAnimation.InsertKeyFrame(0.7f, 50.0f);

hub/apps/develop/composition/composition-tailoring.md

@@ -36,7 +36,7 @@ When turned off, acrylic material will automatically fall back to a solid color
 
 However, for any custom effects the application needs to respond to the [UISettings.AdvancedEffectsEnabled](/uwp/api/windows.ui.viewmanagement.uisettings.advancedeffectsenabled) property or [AdvancedEffectsEnabledChanged](/uwp/api/windows.ui.viewmanagement.uisettings.advancedeffectsenabledchanged) event and switch out the effect/effect graph to use an effect that has no transparency. An example of this is below:
 
-```cs
+```csharp
 public MainPage()
 {
    var uisettings = new UISettings();
@@ -56,7 +56,7 @@ Similarly, applications should listen and respond to the [UISettings.AnimationsE
 
 ![Animations Option in Settings](images/tailoring-animations-setting.png)
 
-```cs
+```csharp
 public MainPage()
 {
    var uisettings = new UISettings();
@@ -80,20 +80,20 @@ The API can be added to existing code in a few easy steps.
 
 1. Acquire the capabilities object in your application’s constructor.
 
-    ```cs
+    ```csharp
     _capabilities = new CompositionCapabilities();
     ```
 
 1. Register a capabilities changed event listener for your app.
 
-    ```cs
+    ```csharp
     _capabilities.Changed += HandleCapabilitiesChanged;
     ```
 
 1. Add content to the event callback method to handle various capabilities levels. This may or may not be similar to the next step below.
 1. When using effects, check the capabilities object first. Consider using conditional checks or switch control statements, depending on how you want to tailor the effects.
 
-    ```cs
+    ```csharp
     if (_capabilities.AreEffectsSupported())
     {
         // Add incremental effects updates here

hub/apps/develop/composition/composition-visual-tree.md

@@ -42,7 +42,7 @@ This shows a number of basic concepts for working with the API including:
 
 Creating a [**Compositor**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.compositor) and storing it in a variable for use as a factory is a simple task. In a WinUI app, you typically retrieve the compositor from a XAML element that is already connected to the visual tree:
 
-```cs
+```csharp
 Compositor compositor = ElementCompositionPreview.GetElementVisual(MyHost).Compositor;
 ```
 
@@ -52,7 +52,7 @@ If you need a compositor and do not have a UIElement available, you can use `Com
 
 Using the [**Compositor**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.compositor) it's easy to create objects whenever you need them, such as a [**SpriteVisual**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.spritevisual) and a [**CompositionColorBrush**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.compositioncolorbrush):
 
-```cs
+```csharp
 var visual = _compositor.CreateSpriteVisual();
 visual.Brush = _compositor.CreateColorBrush(Color.FromArgb(0xFF, 0xFF, 0xFF, 0xFF));
 ```
@@ -63,7 +63,7 @@ While this is only a few lines of code, it demonstrates a powerful concept: [**S
 
 The [**Compositor**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.compositor) can also be used to create clips to a [**Visual**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.visual). Below is an example from the sample of using the [**InsetClip**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.insetclip) to trim each side of the visual:
 
-```cs
+```csharp
 var clip = _compositor.CreateInsetClip();
 clip.LeftInset = 1.0f;
 clip.RightInset = 1.0f;
@@ -78,7 +78,7 @@ Like other objects in the API, [**InsetClip**](/windows/windows-app-sdk/api/winr
 
 A [**Visual**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.visual) can be transformed with a rotation. Note that [**RotationAngle**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.visual.rotationangle) supports both radians and degrees. It defaults to radians, but it's easy to specify degrees as shown in the following snippet:
 
-```cs
+```csharp
 child.RotationAngleInDegrees = 45.0f;
 ```
 
@@ -88,7 +88,7 @@ Rotation is just one example of a set of transform components provided by the AP
 
 Setting the opacity of a visual is a simple operation using a float value. For example, in the sample all the squares start at .8 opacity:
 
-```cs
+```csharp
 visual.Opacity = 0.8f;
 ```
 
@@ -100,7 +100,7 @@ The Composition API allows for a Visual's position in a [**VisualCollection**](/
 
 In the sample, a [**Visual**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.visual) that has been clicked is sorted to the top:
 
-```cs
+```csharp
 parent.Children.InsertAtTop(_currentVisual);
 ```
 
@@ -123,7 +123,7 @@ In the full WinUI sample, all of the concepts above are used together to constru
 </Page>
 ```
 
-```cs
+```csharp
 using System;
 using System.Numerics;
 using Microsoft.UI.Composition;