Initial layout for overlay screen

seawolf31415 · Jan 21, 2017 · c4a8ff1 · c4a8ff1
1 parent fe42758
commit c4a8ff1
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 16 deletions.
diff --git a/src/vs/workbench/parts/welcomeOverlay/browser/media/commandpalette-dark.svg b/src/vs/workbench/parts/welcomeOverlay/browser/media/commandpalette-dark.svg
diff --git a/src/vs/workbench/parts/welcomeOverlay/browser/media/commandpalette.svg b/src/vs/workbench/parts/welcomeOverlay/browser/media/commandpalette.svg
diff --git a/src/vs/workbench/parts/welcomeOverlay/browser/welcomeOverlay.css b/src/vs/workbench/parts/welcomeOverlay/browser/welcomeOverlay.css
@@ -10,7 +10,12 @@
 	height: 100%;
 	width: 100%;
 	z-index: 9999;
-	background: rgba(0,0,0,0.5);
+	background: rgba(0,0,0,0.52);
+	font-size: 10px;
+}
+
+.vs .monaco-workbench > .welcomeOverlay {
+	background: rgba(255,255,255,.52);
 }
 
 #workbench\.parts\.editor {
@@ -27,8 +32,15 @@
 }
 
 .monaco-workbench > .welcomeOverlay > .key {
-	font-family: "Lucida Grande", sans-serif;
-	font-size: 20px;
+	font-size: 1.8em;
+}
+
+.monaco-workbench > .welcomeOverlay > .key {
+	color: #000;
+}
+
+.vs-dark .monaco-workbench > .welcomeOverlay > .key,
+.vs-dark .monaco-workbench > .welcomeOverlay > .key {
 	color: #FFF;
 }
 
@@ -104,7 +116,7 @@
 
 .monaco-workbench > .welcomeOverlay > .key.commandPalette {
 	position: absolute;
-	top: 42px;
+	top: 210px;
 	left: 50%;
 }
 
@@ -125,8 +137,15 @@
 .monaco-workbench > .welcomeOverlay > .commandPalettePlaceholder {
 	position: absolute;
 	top: 2px;
-	left: calc(50% - 200px);
-	width: 400px;
-	height: 26px;
-	border: 3px dashed white;
-}
+	left: calc(50% - 193px);
+	width: 386px;
+	height: 197px;
+	background-image: url('media/commandpalette.svg');
+	background-repeat: no-repeat;
+	background-size: 100%;
+}
+
+.vs-dark .monaco-workbench > .welcomeOverlay > .commandPalettePlaceholder,
+.hc-black .monaco-workbench > .welcomeOverlay > .commandPalettePlaceholder {
+	background-image: url('media/commandpalette-dark.svg');
+}
diff --git a/src/vs/workbench/parts/welcomeOverlay/browser/welcomeOverlay.ts b/src/vs/workbench/parts/welcomeOverlay/browser/welcomeOverlay.ts
@@ -33,27 +33,27 @@ const keys: Key[] = [
 	{
 		id: 'explorer',
 		arrow: '&larr;',
-		label: localize('welcomeOverlay.explorer', "Browse Files")
+		label: localize('welcomeOverlay.explorer', "Browse files")
 	},
 	{
 		id: 'search',
 		arrow: '&larr;',
-		label: localize('welcomeOverlay.search', "Search Files for Text")
+		label: localize('welcomeOverlay.search', "Search files for text")
 	},
 	{
 		id: 'git',
 		arrow: '&larr;',
-		label: localize('welcomeOverlay.git', "View Local Changes")
+		label: localize('welcomeOverlay.git', "View local changes")
 	},
 	{
 		id: 'debug',
 		arrow: '&larr;',
-		label: localize('welcomeOverlay.debug', "Launch and Debug")
+		label: localize('welcomeOverlay.debug', "Launch and debug")
 	},
 	{
 		id: 'extensions',
 		arrow: '&larr;',
-		label: localize('welcomeOverlay.extensions', "Manage Extensions")
+		label: localize('welcomeOverlay.extensions', "Manage extensions")
 	},
 	// {
 	// 	id: 'watermark',
@@ -64,7 +64,7 @@ const keys: Key[] = [
 	{
 		id: 'problems',
 		arrow: '&larrpl;',
-		label: localize('welcomeOverlay.problems', "Open Errors and Warnings")
+		label: localize('welcomeOverlay.problems', "Open errors and warnings")
 	},
 	// {
 	// 	id: 'openfile',
@@ -76,7 +76,7 @@ const keys: Key[] = [
 	{
 		id: 'commandPalette',
 		arrow: '&nwarr;',
-		label: localize('welcomeOverlay.commandPalette', "Find and Run All Commands"),
+		label: localize('welcomeOverlay.commandPalette', "Find and run all commands"),
 		command: ShowAllCommandsAction.ID
 	},
 ];