Browse Source

Fixes home view styles when high contrast

main
Keith Daulton 2 years ago
parent
commit
0091833ea2
2 changed files with 5 additions and 0 deletions
  1. +2
    -0
      src/webviews/apps/home/home.html
  2. +3
    -0
      src/webviews/apps/home/home.scss

+ 2
- 0
src/webviews/apps/home/home.html View File

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

+ 3
- 0
src/webviews/apps/home/home.scss View File

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

Loading…
Cancel
Save