Add theme from redesign to app as codesandbox-black (codesandbox#2937)

* rename new theme to codesandbox-black

* add theme to extensions + compile

Author: siddharthkp

packages/app/src/embed/theme/index.js

@@ -1,6 +1,6 @@
 import dot from 'dot-object';
 import applicationTheme from '@codesandbox/common/lib/theme';
-import codesandboxBlack from '@codesandbox/common/lib/themes/codesandbox-nu.json';
+import codesandboxBlack from '@codesandbox/common/lib/themes/codesandbox-black.json';
 import tokens from './tokens';
 
 // merge vscode colors into tokens

…es/common/src/themes/codesandbox-nu.json …common/src/themes/codesandbox-black.jsonpackages/common/src/themes/codesandbox-nu.json renamed to packages/common/src/themes/codesandbox-black.json packages/common/src/themes/codesandbox-nu.json renamed to packages/common/src/themes/codesandbox-black.json

@@ -1,5 +1,5 @@
 {
-  "name": "Embed Theme",
+  "name": "CodeSandbox Black",
   "type": "dark",
   "colors": {
     "activityBar.background": "#151515",

packages/common/src/themes/index.ts

@@ -1,5 +1,5 @@
 import codesandbox from './codesandbox.json';
-import codesandboxNu from './codesandbox-nu.json';
+import codesandboxBlack from './codesandbox-black.json';
 
 export default [
   {
@@ -8,9 +8,9 @@ export default [
     content: codesandbox,
   },
   {
-    name: 'CodeSandbox Nu',
-    id: 'codesandboxNu',
-    content: codesandboxNu,
+    name: 'CodeSandbox Black',
+    id: 'codesandboxBlack',
+    content: codesandboxBlack,
   },
   {
     name: 'Night Owl',

standalone-packages/vscode-extensions/out/extensions/codesandbox-black-0.0.1/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+All notable changes to the "codesandbox-black" extension will be documented in this file.
+
+Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
+
+## 0.0.1
+
+Introduced the theme to CodeSandbox

standalone-packages/vscode-extensions/out/extensions/codesandbox-black-0.0.1/icon.png

@@ -0,0 +1,24 @@
+{
+	"name": "codesandbox-black",
+	"displayName": "CodeSandbox Black",
+	"description": "CodeSandbox theme for VSCode.",
+	"version": "0.0.1",
+	"publisher": "codesandbox",
+	"repository": "codesandbox/codesandbox-client",
+	"engines": {
+		"vscode": "^1.28.0"
+	},
+	"icon": "icon.png",
+	"categories": [
+		"Themes"
+	],
+	"contributes": {
+		"themes": [
+			{
+				"label": "CodeSandbox Black",
+				"uiTheme": "vs-dark",
+				"path": "./themes/codesandbox-black.json"
+			}
+		]
+	},
+}