From caa46452d0374e8a087f9c05b4884e677dfae46b Mon Sep 17 00:00:00 2001
From: Liam <byteslice@airmail.cc>
Date: Sat, 11 Jan 2025 12:45:05 -0500
Subject: [PATCH 1/2] Use variable cascade to apply tag category color rules

---
 assets/css/views/tags.css | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/assets/css/views/tags.css b/assets/css/views/tags.css
index 1e12f29a..057f8ca9 100644
--- a/assets/css/views/tags.css
+++ b/assets/css/views/tags.css
@@ -49,6 +49,9 @@
 
 /* Tags */
 .tag {
+  --tag-background: var(--tag-normal-background);
+  --tag-border: var(--tag-normal-border);
+  --tag-color: var(--tag-normal-color);
   border: 1px solid;
   display: inline-table;
   align-items: center;
@@ -56,9 +59,9 @@
   font-weight: bold;
   margin-bottom: 5px;
   margin-right: 5px;
-  background: var(--tag-normal-background);
-  border-color: var(--tag-normal-border);
-  color: var(--tag-normal-color);
+  background: var(--tag-background);
+  border-color: var(--tag-border);
+  color: var(--tag-color);
 }
 
 .tag > span {
@@ -76,7 +79,7 @@
 }
 
 .tag__count {
-  background-color: var(--tag-normal-border);
+  background-color: var(--tag-border);
   color: var(--foreground-color);
   font-weight: normal;
 }
@@ -92,13 +95,9 @@
 
 @define-mixin tag-category $cat {
   .tag[data-tag-category="$(cat)"] {
-    background: var(--tag-category-$(cat)-background);
-    border-color: var(--tag-category-$(cat)-border);
-    color: var(--tag-category-$(cat)-color);
-  }
-
-  .tag[data-tag-category="$(cat)"] .tag__count {
-    background: var(--tag-category-$(cat)-border);
+    --tag-background: var(--tag-category-$(cat)-background);
+    --tag-border: var(--tag-category-$(cat)-border);
+    --tag-color: var(--tag-category-$(cat)-color);
   }
 }
 

From 7c7c628fca9b211882ce735ac93b631f0f752bbe Mon Sep 17 00:00:00 2001
From: Liam <byteslice@airmail.cc>
Date: Sat, 11 Jan 2025 12:48:54 -0500
Subject: [PATCH 2/2] Fix table > thead rule nesting

---
 assets/css/elements/base.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/css/elements/base.css b/assets/css/elements/base.css
index 09c6a429..d7e48b92 100644
--- a/assets/css/elements/base.css
+++ b/assets/css/elements/base.css
@@ -138,8 +138,8 @@ th.center {
   text-align: center;
 }
 
-table th > thead > tr,
-.table th > thead > tr {
+table > thead > tr,
+.table > thead > tr {
   background: var(--background-color);
 }