Merge pull request #5 from sargalias/menu-hover-color

Add color for menu highlighting on hover.

src/settings/Theme.ts

@@ -66,4 +66,5 @@ export interface MiscColors {
   bgDark: string;
   bgDarker: string;
   purpleDarker: string;
+  menuHover: string;
 }

src/settings/colors/index.ts

@@ -17,6 +17,7 @@ import git from './git';
 import inputs from './inputs';
 import lists from './lists';
 import mergeConflicts from './merge-conflicts';
+import menu from './menu';
 import notification from './notification';
 import panels from './panels';
 import peekView from './peek-view';
@@ -47,6 +48,7 @@ export default (colors: Colors) => ({
   ...inputs(colors),
   ...lists(colors),
   ...mergeConflicts(colors),
+  ...menu(colors),
   ...notification(colors),
   ...panels(colors),
   ...peekView(colors),

src/settings/colors/menu.ts

@@ -0,0 +1,14 @@
+import { Colors } from '../Theme';
+
+// See: https://code.visualstudio.com/api/references/theme-color#menu-bar-colors
+export default ({ misc }: Colors) => ({
+  'menubar.selectionForeground': null,
+  'menubar.selectionBackground': null,
+  'menubar.selectionBorder': null,
+  'menu.foreGround': null,
+  'menu.background': null,
+  'menu.selectionForeground': null,
+  'menu.selectionBackground': misc.menuHover,
+  'menu.selectionBorder': null,
+  'menu.separatorBackground': null
+});

src/themes/DraculaAtNight.ts

@@ -47,7 +47,8 @@ const misc: MiscColors = {
   bgDark: '#21222C',
   bgDarker: '#191A21',
   purpleDarker: '#574473',
-  selection: '#44475A'
+  selection: '#44475A',
+  menuHover: '#3A434D'
 };
 
 const theme: Theme = {