From ae6c32000b9427c62bb55a93b3726a90cd2ff9d9 Mon Sep 17 00:00:00 2001 From: Matt Furden Date: Tue, 29 Nov 2022 23:20:04 -0800 Subject: [PATCH 1/2] Use `background` instead of `background-color` to allow for gradients By switching to `background` users can now use `linear-gradients` when setting the background color! --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 4337148..3a2d6cf 100644 --- a/style.css +++ b/style.css @@ -35,7 +35,7 @@ body { justify-content: center; align-items: center; padding: var(--container-padding); - background-color: var(--container-background-color); + background: var(--container-background-color); width: max-content; } @@ -49,7 +49,7 @@ body { width: max-content; min-width: 100px; padding: 18px; - background-color: var(--vscode-editor-background); + background: var(--vscode-editor-background); } #navbar { @@ -77,7 +77,7 @@ body { max-width: 100%; word-break: break-all; color: var(--vscode-editor-foreground); - background-color: var(--vscode-editor-background); + background: var(--vscode-editor-background); font-family: var(--vscode-editor-font-family); font-size: calc(var(--vscode-editor-font-size) * 1px); font-weight: var(--vscode-editor-font-weight); From 884aa50c421fe4a62b35df6d84b763c1e157c89f Mon Sep 17 00:00:00 2001 From: Matt Furden Date: Tue, 29 Nov 2022 23:41:08 -0800 Subject: [PATCH 2/2] Use `background` instead of `background-color` to allow for gradients in other file One more file of styles! --- webview/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/webview/style.css b/webview/style.css index 1445ad5..84faa77 100644 --- a/webview/style.css +++ b/webview/style.css @@ -809,7 +809,7 @@ body { justify-content: center; align-items: center; padding: var(--container-padding); - background-color: var(--container-background-color); + background: var(--container-background-color); width: -webkit-max-content; width: -moz-max-content; width: max-content; @@ -827,7 +827,7 @@ body { width: max-content; min-width: 100px; padding: 18px; - background-color: var(--vscode-editor-background); + background: var(--vscode-editor-background); } #navbar { @@ -855,7 +855,7 @@ body { max-width: 100%; word-break: break-all; color: var(--vscode-editor-foreground); - background-color: var(--vscode-editor-background); + background: var(--vscode-editor-background); font-family: var(--vscode-editor-font-family); font-size: calc(var(--vscode-editor-font-size) * 1px); font-weight: var(--vscode-editor-font-weight);