From ef3c5948457e9a57c9f6bbe68dcfe9c1d94dbed6 Mon Sep 17 00:00:00 2001
From: Eric Amodio <eamodio@gmail.com>
Date: Fri, 5 Aug 2022 04:11:50 -0400
Subject: [PATCH] Updates styling

---
 src/webviews/apps/commitDetails/commitDetails.scss             | 7 ++++++-
 src/webviews/apps/shared/components/commit/file-change-item.ts | 2 +-
 src/webviews/apps/shared/components/webview-pane.ts            | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/webviews/apps/commitDetails/commitDetails.scss b/src/webviews/apps/commitDetails/commitDetails.scss
index 20facff..2f11b35 100644
--- a/src/webviews/apps/commitDetails/commitDetails.scss
+++ b/src/webviews/apps/commitDetails/commitDetails.scss
@@ -119,6 +119,7 @@ ul {
 	&__filename {
 	}
 	&__path {
+		font-size: 0.9em;
 	}
 	&__actions {
 		flex: none;
@@ -198,9 +199,11 @@ ul {
 
 	&__message {
 		font-size: 1.3rem;
-		border: 1px solid var(--color-background--lighten-15);
+		border: 1px solid var(--vscode-input-border);
+		background: var(--vscode-input-background);
 		padding: 0.5rem;
 	}
+
 	&__message-text {
 		flex: 1;
 		margin: 0;
@@ -300,6 +303,8 @@ ul {
 	max-height: 100vh;
 	overflow: auto;
 	scrollbar-gutter: stable;
+	color: var(--vscode-sideBar-foreground);
+	background-color: var(--vscode-sideBar-background);
 
 	[aria-hidden='true'] {
 		display: none;
diff --git a/src/webviews/apps/shared/components/commit/file-change-item.ts b/src/webviews/apps/shared/components/commit/file-change-item.ts
index f467c06..b94e675 100644
--- a/src/webviews/apps/shared/components/commit/file-change-item.ts
+++ b/src/webviews/apps/shared/components/commit/file-change-item.ts
@@ -59,7 +59,7 @@ export class FileChangeItem extends LitElement {
 			justify-content: space-between;
 			font-size: var(--vscode-font-size);
 			line-height: 2rem;
-			color: var(--vscode-foreground);
+			color: var(--vscode-sideBar-foreground);
 		}
 		:host(:hover) {
 			background-color: var(--vscode-list-hoverBackground);
diff --git a/src/webviews/apps/shared/components/webview-pane.ts b/src/webviews/apps/shared/components/webview-pane.ts
index 4156a6b..37dc76e 100644
--- a/src/webviews/apps/shared/components/webview-pane.ts
+++ b/src/webviews/apps/shared/components/webview-pane.ts
@@ -19,7 +19,7 @@ export class WebviewPane extends LitElement {
 			flex: none;
 			display: flex;
 			background-color: var(--vscode-sideBarSectionHeader-background);
-			color: var(--vscode-foreground);
+			color: var(--vscode-sideBarSectionHeader-foreground);
 			border-top: 1px solid var(--vscode-sideBarSectionHeader-border);
 		}