From 117b7d2a44c182ed4d91a9023c219f1374cbf89e Mon Sep 17 00:00:00 2001
From: bendera <szoftverhiba@gmail.com>
Date: Tue, 18 Feb 2025 20:50:48 +0100
Subject: [PATCH] Add fallback styles to Label

---
 src/vscode-label/vscode-label.styles.ts | 8 ++++----
 src/vscode-label/vscode-label.ts        | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/vscode-label/vscode-label.styles.ts b/src/vscode-label/vscode-label.styles.ts
index 881133ffd..5ad20a6ca 100644
--- a/src/vscode-label/vscode-label.styles.ts
+++ b/src/vscode-label/vscode-label.styles.ts
@@ -6,9 +6,9 @@ const styles: CSSResultGroup = [
   defaultStyles,
   css`
     :host {
-      color: var(--vscode-foreground);
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
+      color: var(--vscode-foreground, #cccccc);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
       font-weight: 600;
       line-height: ${INPUT_LINE_HEIGHT_RATIO};
       cursor: default;
@@ -29,7 +29,7 @@ const styles: CSSResultGroup = [
     }
 
     ::slotted(.lightened) {
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       opacity: 0.9;
     }
   `,
diff --git a/src/vscode-label/vscode-label.ts b/src/vscode-label/vscode-label.ts
index 2e126a6e2..0e81be937 100644
--- a/src/vscode-label/vscode-label.ts
+++ b/src/vscode-label/vscode-label.ts
@@ -16,9 +16,9 @@ interface FocusableElement extends Element {
 /**
  * @tag vscode-label
  *
- * @cssprop --vscode-font-family
- * @cssprop --vscode-font-size
- * @cssprop --vscode-foreground
+ * @cssprop [--vscode-font-family=sans-serif]
+ * @cssprop [--vscode-font-size=13px]
+ * @cssprop [--vscode-foreground=#cccccc]
  */
 @customElement('vscode-label')
 export class VscodeLabel extends VscElement {