From 3bd8a99278149d0798ee60146b8cfa090efd61d6 Mon Sep 17 00:00:00 2001
From: Carlo Barone <carlo.barone@neovici.se>
Date: Fri, 12 Apr 2024 15:14:47 +0200
Subject: [PATCH] feat(bg-color): bg color manageable from the outside via css
 vars

---
 src/cosmoz-tab-card.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/cosmoz-tab-card.js b/src/cosmoz-tab-card.js
index 5d8e39c..2ff61c0 100644
--- a/src/cosmoz-tab-card.js
+++ b/src/cosmoz-tab-card.js
@@ -56,7 +56,7 @@ const CosmozTabCard = (host) => {
 					>
 						<slot name="collapse-icon">${collapseIcon}</slot>
 					</div>
-				`,
+				`
 			)}
 			<h1 class="heading" @click=${toggleCollapsed} part="heading">
 				${heading}<slot name="after-title"></slot>
@@ -104,7 +104,7 @@ const style = css`
 		display: flex;
 		align-items: center;
 		gap: 8px;
-		background-color: #fff;
+		background-color: var(--cosmoz-tab-card-bg-color, white);
 		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 	}
 
@@ -137,5 +137,5 @@ customElements.define(
 	component(CosmozTabCard, {
 		observedAttributes: ['heading', 'collapsable', 'collapsed'],
 		styleSheets: [style],
-	}),
+	})
 );