From f8c6a74a1cfd3b7b783983f89373d45a79ecde2b Mon Sep 17 00:00:00 2001
From: david-swift <haenerdavid@icloud.com>
Date: Tue, 22 Apr 2025 13:44:29 +0200
Subject: [PATCH] Fix tags not transparent #1

---
 sass/_article-list.scss | 10 +++++-----
 sass/_tags.scss         |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/sass/_article-list.scss b/sass/_article-list.scss
index 3de2319..a5827bb 100644
--- a/sass/_article-list.scss
+++ b/sass/_article-list.scss
@@ -131,12 +131,12 @@
 		}
 
 		&.draft {
-			--bg-overlay: var(--fg-muted-1);
+			--bg-overlay: var(--fg-muted-1-transparent);
 
 			&::before {
 				-webkit-mask-image: var(--icon-pencil);
 				mask-image: var(--icon-pencil);
-				background-color: var(--fg-muted-1);
+				background-color: var(--fg-muted-1-transparent);
 			}
 
 			h3 {
@@ -144,7 +144,7 @@
 			}
 
 			.badge {
-				background-color: var(--fg-muted-1);
+				background-color: var(--fg-muted-1-transparent);
 				color: var(--fg-muted-5);
 
 				.icon {
@@ -154,7 +154,7 @@
 			}
 
 			.tags a {
-				background-color: var(--fg-muted-1);
+				background-color: var(--fg-muted-1-transparent-transparent);
 				color: var(--fg-muted-5);
 
 				&:hover {
@@ -275,7 +275,7 @@
 		transition: var(--transition);
 		box-shadow: var(--edge-highlight);
 		border-radius: 1rem;
-		background-color: var(--fg-muted-1);
+		background-color: var(--fg-muted-1-transparent);
 		padding: 0.7rem;
 		color: var(--fg-muted-4);
 		line-height: 0;
diff --git a/sass/_tags.scss b/sass/_tags.scss
index 3f3f23f..8b68397 100644
--- a/sass/_tags.scss
+++ b/sass/_tags.scss
@@ -21,7 +21,7 @@
 	a {
 		transition: var(--transition);
 		border-radius: 999px;
-		background-color: var(--fg-muted-1);
+		background-color: var(--fg-muted-1-transparent);
 		padding: 0.375rem 0.75rem;
 		color: var(--fg-muted-5);
 		font-size: var(--font-size-small);