Merge branch 'main' into pr/3303

Author: mikehoffms

.openpublishing.redirection.json

@@ -83,7 +83,12 @@ Old redirects (to /archive/)
       },
       {
         "source_path": "microsoft-edge/devtools-guide-chromium/customize/dark-theme.md",
-        "redirect_url": "/microsoft-edge/devtools-guide-chromium/customize/theme",
+        "redirect_url": "/microsoft-edge/devtools-guide-chromium/landing/",
+        "redirect_document_id": false
+      },
+      {
+        "source_path": "microsoft-edge/devtools-guide-chromium/customize/theme.md",
+        "redirect_url": "/microsoft-edge/devtools-guide-chromium/landing/",
         "redirect_document_id": false
       },
       {

microsoft-edge/dev-videos/index.md

@@ -122,7 +122,6 @@ See also:
 * [What's New in DevTools (Microsoft Edge 112)](../devtools-guide-chromium/whats-new/2023/04/devtools-112.md)<!-- has Video section -->
 * [Analyze CSS selector performance during Recalculate Style events](../devtools-guide-chromium/evaluate-performance/selector-stats.md) - CSS selector stats.
 * [View formatted JSON responses or files](../devtools-guide-chromium/json-viewer/json-viewer.md)
-* [Apply a color theme to DevTools](../devtools-guide-chromium/customize/theme.md)
 
 
 <!-- ====================================================================== -->
@@ -209,7 +208,7 @@ Covers:
 
 See also:
 * [What's New in DevTools (Microsoft Edge 108)](../devtools-guide-chromium/whats-new/2022/12/devtools-108.md)<!-- has Video section -->
-* [Create an extension that customizes the DevTools UI](../extensions-chromium/developer-guide/devtools-extension.md)
+* [Create a DevTools extension, adding a custom tool tab and panel](../extensions-chromium/developer-guide/devtools-extension.md)
 * [The heap snapshot file format](../devtools-guide-chromium/memory-problems/heap-snapshot-schema.md)
 * [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver/?form=MA13LH) - download Edge WebDriver.
 
@@ -702,6 +701,10 @@ Covers:
 * Breakpoint icons are displayed when using Visual Studio Code themes.
 * DevTools extension for Visual Studio Code includes the latest tools, theme support, and helpful links.  JavaScript Debugger connection to remote workspaces.
 
+Update: Starting with Microsoft Edge 131, the Visual Studio Code themes feature is removed, and such themes revert to the default themes:
+* Light+
+* Dark+
+
 See also:
 * [What's New in DevTools 94](../devtools-guide-chromium/whats-new/2021/09/devtools.md)<!-- has Video section -->
 * [Keyboard shortcuts](../devtools-guide-chromium/shortcuts/index.md) - Navigating DevTools with a keyboard.

microsoft-edge/devtools-guide-chromium/accessibility/preferred-color-scheme-simulation.md

@@ -20,8 +20,6 @@ You can select these settings from the **Rendering** tool or from the **Command
 
 To specify the CSS to use for both light and dark schemes, use the [prefers-color-scheme](https://developer.mozilla.org/docs/Web/CSS/@media/prefers-color-scheme) CSS media query to detect whether the user prefers to display your product in a dark or light color scheme, and then automatically select your own custom light- or dark-mode CSS.  Example CSS code is shown in [Check for contrast issues with dark theme and light theme](test-dark-mode.md).
 
-This article is about changing the appearance of the webpage under development.  To instead change how DevTools appears, see [Apply color themes to DevTools](../customize/theme.md).
-
 
 <!-- ====================================================================== -->
 ## Emulating dark or light mode using the Rendering tool

microsoft-edge/devtools-guide-chromium/customize/index-images/theme-setting.png

@@ -96,14 +96,6 @@ To learn more, see [Change DevTools placement (Undock, Dock to bottom, Dock to l
 See [Zoom DevTools in or out](../overview.md#zoom-devtools-in-or-out) in _Overview of DevTools_.
 
 
-<!-- ====================================================================== -->
-## Color themes
-
-See [Apply a color theme to DevTools](theme.md).
-
-![Selecting a different color theme](./index-images/theme-setting.png)
-
-
 <!-- ====================================================================== -->
 ## Restore default settings
 

microsoft-edge/devtools-guide-chromium/customize/index.md

@@ -142,9 +142,6 @@ The experiments checkboxes that appear in the latest version of the Canary previ
 
 Some Microsoft Edge Add-ons can define custom color themes for DevTools. If you install an add-on that defines a custom color theme for DevTools, you need to enable the **Allow extensions to load custom stylesheets** experiment to view the add-on themes.
 
-See also:
-* [Apply a color theme to DevTools](../customize/theme.md)
-
 Status:
 * This checkbox is present in Microsoft Edge Canary 131.
 * This checkbox is present in Microsoft Edge Stable 129.

microsoft-edge/devtools-guide-chromium/customize/theme.md

@@ -68,9 +68,6 @@ landingContent:
         links:
           - text: Customize DevTools
             url: ../customize/index.md
-
-          - text: Apply a color theme to DevTools
-            url: ../customize/theme.md
       - linkListType: whats-new
         links:
           - text: Experimental features in Microsoft Edge DevTools

microsoft-edge/devtools-guide-chromium/experimental-features/index.md

@@ -44,7 +44,6 @@ Note: DevTools currently supports high-contrast mode on Windows, but not on macO
 Chromium issue [#1048378](https://crbug.com/1048378)
 
 See also:
-* [Apply a color theme to DevTools](../../../customize/theme.md)
 * [Check for contrast issues with dark theme and light theme](../../../accessibility/test-dark-mode.md)
 
 

microsoft-edge/devtools-guide-chromium/landing/index.yml

@@ -25,6 +25,10 @@ ms.date: 07/30/2021
 <!-- Title: Apply themes from Visual Studio Code to DevTools -->
 <!-- Subtitle: You can now use some of the most popular color themes from Visual Studio Code, such as Monokai and Solarized Dark, in Microsoft Edge DevTools. -->
 
+Update: Starting with Microsoft Edge 131, the Visual Studio Code themes feature is removed, and such themes revert to the default themes:
+* Light+
+* Dark+
+
 In addition to the existing light and dark themes, Microsoft Edge DevTools now supports some of the most popular color themes from Visual Studio Code.  To select a color theme, click the DevTools **Settings** (![Settings icon](./devtools-images/settings-gear-icon-light-theme.png)) button, and then select a theme from the **Theme** dropdown list.
 
 ![Color themes for DevTools](./devtools-images/all-devtools-themes.png)
@@ -44,8 +48,6 @@ Dark themes:
 *  Red
 *  Tomorrow Night Blue
 
-See [Apply color themes to DevTools](../../../customize/theme.md).
-
 
 <!-- ====================================================================== -->
 ## Debug DOM node memory leaks with the new Detached Elements tool