From 0091833ea228aba71fe4664eaa9b4f4a690aab4e Mon Sep 17 00:00:00 2001
From: Keith Daulton <kdaulton@d13design.com>
Date: Wed, 5 Oct 2022 09:45:16 -0400
Subject: [PATCH] Fixes home view styles when high contrast

---
 src/webviews/apps/home/home.html | 2 ++
 src/webviews/apps/home/home.scss | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/src/webviews/apps/home/home.html b/src/webviews/apps/home/home.html
index 75b20e1..f02275e 100644
--- a/src/webviews/apps/home/home.html
+++ b/src/webviews/apps/home/home.html
@@ -25,9 +25,11 @@
 				.video-banner {
 					--video-banner-bg: url(#{webroot}/media/getting-started.webp);
 				}
+				.vscode-high-contrast .video-banner,
 				.vscode-dark .video-banner {
 					--video-banner-play: url(#{webroot}/media/play-button.webp);
 				}
+				.vscode-high-contrast-light .video-banner,
 				.vscode-light .video-banner {
 					--video-banner-play: url(#{webroot}/media/play-button-dark.webp);
 				}
diff --git a/src/webviews/apps/home/home.scss b/src/webviews/apps/home/home.scss
index 443c4c0..5c49a80 100644
--- a/src/webviews/apps/home/home.scss
+++ b/src/webviews/apps/home/home.scss
@@ -170,9 +170,12 @@ ul {
 
 .progress {
 	width: 100%;
+	.vscode-high-contrast &,
 	.vscode-dark & {
 		background-color: var(--color-background--lighten-15);
 	}
+
+	.vscode-high-contrast-light &,
 	.vscode-light & {
 		background-color: var(--color-background--darken-15);
 	}