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);
 	}