Changes Commit Graph button hover colors

Author: eamodio

src/webviews/apps/plus/graph/graph.scss

@@ -43,6 +43,7 @@ body {
 	--color-graph-text-selected-row: var(--vscode-list-activeSelectionForeground);
 	--color-graph-text-dimmed-selected: var(--vscode-list-activeSelectionForeground);
 	--color-graph-text-dimmed: var(--vscode-list-activeSelectionForeground);
+	--color-graph-actionbar-selectedBackground: var(--vscode-toolbar-hoverBackground);
 
 	--color-graph-text-hovered: var(--vscode-list-hoverForeground);
 	--color-graph-text-selected: var(--vscode-editor-foreground, var(--vscode-foreground));

src/webviews/apps/plus/graph/graph.tsx

@@ -332,10 +332,6 @@ export class GraphApp extends App<State> {
 			'--color-graph-actionbar-background',
 			e.isLightTheme ? darken(e.colors.background, 5) : lighten(e.colors.background, 5),
 		);
-		bodyStyle.setProperty(
-			'--color-graph-actionbar-selectedBackground',
-			e.isLightTheme ? darken(e.colors.background, 10) : lighten(e.colors.background, 10),
-		);
 
 		bodyStyle.setProperty(
 			'--color-graph-background',

src/webviews/apps/shared/components/search/search-box.ts

@@ -141,6 +141,7 @@ const styles = css`
 		padding: 0;
 		color: inherit;
 		border: none;
+		border-radius: 3px;
 		background: none;
 		text-align: center;
 	}

src/webviews/apps/shared/components/search/search-input.ts

@@ -193,9 +193,14 @@ const styles = css`
 		height: 2.4rem;
 		color: var(--vscode-input-foreground);
 		cursor: pointer;
+		border-radius: 3px;
 	}
 	label:hover {
-		background-color: var(--vscode-input-background);
+		background-color: var(--vscode-toolbar-hoverBackground);
+	}
+	label:focus {
+		outline: 1px solid var(--vscode-focusBorder);
+		outline-offset: -1px;
 	}
 
 	.icon-small {