#18095 💄

src/vs/workbench/parts/preferences/browser/keybindingsEditor.ts

@@ -20,7 +20,7 @@ import { IInstantiationService } from 'vs/platform/instantiation/common/instanti
 import { IKeybindingService, KeybindingSource } from 'vs/platform/keybinding/common/keybinding';
 import { SearchWidget } from 'vs/workbench/parts/preferences/browser/preferencesWidgets';
 import { DefineKeybindingWidget } from 'vs/workbench/parts/preferences/browser/keybindingWidgets';
-import { IPreferencesService, IKeybindingsEditor, CONTEXT_KEYBINDING_FOCUS, KEYBINDINGS_EDITOR_ID, CONTEXT_KEYBINDINGS_EDITOR, KEYBINDINGS_EDITOR_COMMAND_REMOVE } from 'vs/workbench/parts/preferences/common/preferences';
+import { IPreferencesService, IKeybindingsEditor, CONTEXT_KEYBINDING_FOCUS, CONTEXT_KEYBINDINGS_EDITOR, KEYBINDINGS_EDITOR_COMMAND_REMOVE } from 'vs/workbench/parts/preferences/common/preferences';
 import { IContextMenuService } from 'vs/platform/contextview/browser/contextView';
 import { renderHtml } from 'vs/base/browser/htmlContentRenderer';
 import { IKeybindingEditingService } from 'vs/workbench/services/keybinding/common/keybindingEditing';
@@ -35,7 +35,7 @@ let $ = DOM.$;
 
 export class KeybindingsEditorInput extends EditorInput {
 
-	public static ID: string = 'worknench.input.keybindings';
+	public static ID: string = 'workbench.input.keybindings';
 	public readonly keybindingsModel: KeybindingsEditorModel;
 
 	constructor( @IInstantiationService private instantiationService: IInstantiationService) {
@@ -62,7 +62,7 @@ export class KeybindingsEditorInput extends EditorInput {
 
 export class KeybindingsEditor extends BaseEditor implements IKeybindingsEditor {
 
-	public static ID: string = KEYBINDINGS_EDITOR_ID;
+	public static ID: string = 'workbench.editor.keybindings';
 	private headerContainer: HTMLElement;
 	private searchWidget: SearchWidget;
 

src/vs/workbench/parts/preferences/browser/media/keybindings.css

@@ -82,6 +82,15 @@
 	padding: 3px 5px;
 }
 
+.hc-black .monaco-kbkey,
+.vs-dark .monaco-kbkey {
+	background-color: rgba(128, 128, 128, 0.17);
+	color: #ccc;
+	border: solid 1px #333;
+	border-bottom-color: #444;
+	box-shadow: inset 0 -1px 0 #444;
+}
+
 /* launcher widget */
 .monaco-editor .defineKeybindingLauncher {
 	background: #007ACC;

src/vs/workbench/parts/preferences/browser/media/keybindingsEditor.css

@@ -69,7 +69,7 @@
 }
 
 .keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row.keybindings-list-header,
-.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row.even:not(.focused) {
+.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row.even:not(.focused):not(:hover) {
 	background-color: rgba(130, 130, 130, 0.04);
 }
 

src/vs/workbench/parts/preferences/common/preferences.ts

@@ -91,7 +91,6 @@ export interface IKeybindingsEditor extends IEditor {
 	removeKeybinding(keybindingEntry: IKeybindingItemEntry): TPromise<any>;
 }
 
-export const KEYBINDINGS_EDITOR_ID = 'workbench.editor.keybindings';
 export const CONTEXT_SETTINGS_EDITOR = new RawContextKey<boolean>('inSettingsEditor', false);
 export const CONTEXT_KEYBINDINGS_EDITOR = new RawContextKey<boolean>('inKeybindings', false);
 export const CONTEXT_KEYBINDING_FOCUS = new RawContextKey<boolean>('keybindingFocus', false);