add theme page back and redirects

Author: necoline

packages/projects-docs/next.config.js

@@ -583,6 +583,59 @@ module.exports = withNextra({
         destination: "/learn/devboxes/overview",
         permanent: false,
       },
+      /*
+           Redirects for switch to vs code editor
+      */
+      {
+        source: "/learn/editors/web/overview",
+        destination: "/learn/editors/web-interface",
+        permanent: false,
+      },
+      {
+        source: "/learn/editors/ios/overview",
+        destination: "/learn/editors/overview",
+        permanent: false,
+      },
+      {
+        source: "/learn/editors/vscode/overview",
+        destination: "/learn/editors/overview",
+        permanent: false,
+      },
+      {
+        source: "/learn/editors/ios/setting-up-ios",
+        destination: "/learn/editors/overview",
+        permanent: false,
+      },
+      {
+        source: "/learn/editors/ios/shortcuts",
+        destination: "/learn/editors/overview",
+        permanent: false,
+      },
+      {
+        source: "/learn/editors/vscode/overview",
+        destination: "/learn/editors/overview",
+        permanent: false,
+      },
+      {
+        source: "/learn/editors/web/overview",
+        destination: "/learn/editors/web-interface",
+        permanent: false,
+      },
+      {
+        source: "/learn/editors/web/commandpalette",
+        destination: "/learn/editors/web-interface",
+        permanent: false,
+      },
+      {
+        source: "/learn/editors/web/shortcuts",
+        destination: "/learn/editors/shortcuts",
+        permanent: false,
+      },
+      {
+        source: "/learn/editors/ios/setting-up-ios",
+        destination: "/learn/editors/overview",
+        permanent: false,
+      },
     ];
   },
 });

packages/projects-docs/pages/learn/editors/_meta.json

@@ -4,5 +4,6 @@
   "desktop-interface": "Desktop interface",
   "desktop-setup": "Desktop setup",
   "shortcuts": "Keybindings",
-  "settings": "Settings"
+  "settings": "Settings",
+  "themes": "Themes"
 }

packages/projects-docs/pages/learn/editors/themes.mdx

@@ -0,0 +1,29 @@
+---
+title: Themes
+description: Choose a different color scheme for your editor by selecting one of the preset themes.
+---
+
+import { Callout } from 'nextra-theme-docs'
+
+# Themes
+
+The cloud editor provides several preset themes you can choose from to change the color scheme of your editor.
+
+![CodeSandbox Themes](../images/themes.jpg)
+
+## Overview
+
+CodeSandbox provides some popular themes created by the dev community that you can apply to the cloud editor. Currently, we only offer a few preset themes, with dark and light options:
+
+- CodeSandbox (dark / light)
+- [GitHub's Default (dark / light)](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)
+- [Vesper (dark)](https://marketplace.visualstudio.com/items?itemName=raunofreiberg.vesper)
+- [Dracula (dark)](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula)
+- [poimandres (dark)](https://marketplace.visualstudio.com/items?itemName=pmndrs.pmndrs)
+
+## Changing the theme
+
+There are two ways to change themes:
+
+- Open the Project settings and select the **Themes** tab.
+- Access the command palette in the editor using <kbd>⌘</kbd> + <kbd>K</kbd> and search by `themes`.