Merge pull request #49332 from anandmeg/patch-3

JamesJBarnett · web-flow · commit e3d4b4d78454 · 2025-02-27T11:58:17.000-07:00
Patch 3
diff --git a/learn-pr/windows/get-started-with-web-development/4-css-basics.yml b/learn-pr/windows/get-started-with-web-development/4-css-basics.yml
@@ -4,10 +4,11 @@ uid: learn-windows.introduction-to-web-development.4-css-basics
 metadata:
   title: Exercise - Style your HTML with CSS
   description: Learn how to use CSS to apply styles to the HTML of your web app.
-  ms.date: 09/17/2024
+  ms.date: 02/26/2025
   author: kjo-msft
   ms.author: karinjohnson
   ms.topic: unit
+  ms.custom: copilot-scenario-highlight
 durationInMinutes: 10
 content: |
-    [!include[](includes/4-css-basics.md)]
+    [!include[](includes/4-css-basics.md)]
diff --git a/learn-pr/windows/get-started-with-web-development/includes/4-css-basics.md b/learn-pr/windows/get-started-with-web-development/includes/4-css-basics.md
@@ -236,3 +236,17 @@ To add support for a dark theme to your CSS, use the following steps.
 1. Edit the `<body>` class attribute to switch the default back to light theme.
 
 In the next unit, you use JavaScript to provide interactivity and support the switching of themes.
+
+## Use GitHub Copilot to add a theme
+
+You can use GitHub Copilot in your IDE to generate CSS to add a new theme. You can customize the prompt to specify properties to define the styles for HTML elements per your requirements.
+
+The following text shows an example prompt for Copilot Chat:
+
+```copilot-prompt
+Add a medium colored theme in the CSS file using hex color codes for blue font and light blue background. Make font family as Arial.
+```
+
+GitHub Copilot is powered by AI, so surprises and mistakes are possible. For more information, see [Copilot FAQs](https://aka.ms/copilot-general-use-faqs).
+
+Learn more about [GitHub Copilot in Visual Studio Code](https://code.visualstudio.com/docs/copilot/overview).
diff --git a/learn-pr/windows/get-started-with-web-development/index.yml b/learn-pr/windows/get-started-with-web-development/index.yml
@@ -9,7 +9,7 @@ metadata:
   manager: mijacobs
   ms.topic: module
   ms.service: vs-code
-  ms.custom: engagement-fy23
+  ms.custom: engagement-fy23, copilot-scenario-highlight
 title: Get started with web development using Visual Studio Code
 summary: Practice the beginning steps of web development by creating a simple web project in Visual Studio Code that contains a web page, a CSS file, and a JavaScript file. Learn how to use developer tools in your browser to check your work.
 
