From 53567ca95c2bfca7dc2064f9e74591526d4e1cd3 Mon Sep 17 00:00:00 2001
From: trinkey <trinkey@duck.com>
Date: Mon, 25 Nov 2024 08:10:15 -0500
Subject: [PATCH] fix(fa): unthemed elements

---
 styles/fontawesome/catppuccin.user.css | 42 ++++++++++++++++++++------
 1 file changed, 32 insertions(+), 10 deletions(-)

diff --git a/styles/fontawesome/catppuccin.user.css b/styles/fontawesome/catppuccin.user.css
index c585a43676..d360abe353 100644
--- a/styles/fontawesome/catppuccin.user.css
+++ b/styles/fontawesome/catppuccin.user.css
@@ -100,6 +100,10 @@
     --message-border-color: @surface0;
     --message-color: @text;
     --modal-shadow: fade(@crust, 50%);
+    --table-cell-border-color: @text;
+    --table-th-border-color: @text;
+    --text-color: @text;
+    --white: @base;
     --sl-color-bg-nav: @crust;
     --sl-color-bg-sidebar: @mantle;
     --sl-color-black: @base;
@@ -114,10 +118,15 @@
     --sl-color-green: @green;
     --sl-color-red: @red;
     --sl-color-white: @text;
-    --table-cell-border-color: @text;
-    --table-th-border-color: @text;
-    --text-color: @text;
-    --white: @base;
+    --sl-color-white: @text;
+    --sl-color-orange: @yellow;
+    --sl-color-orange-high: @yellow;
+    --sl-color-orange-low: fade(@yellow, 15%);
+    --sl-color-purple: @accent-color;
+    --sl-color-purple-high: @accent-color;
+    --sl-color-purple-low: fade(@accent-color, 15%);
+    --sl-color-text-accent: @text;
+    --sl-color-text-invert: @mantle;
 
     .icons-facet-count {
       --icon-facet-count-color: @text;
@@ -270,6 +279,10 @@
       }
     }
 
+    .icon-facet-pill .icon-facet-pill-affordance {
+      color: @mantle !important;
+    }
+
     svg[style="color: var(--fa-md-gravy);"] {
       color: @text !important;
     }
@@ -313,10 +326,11 @@
     }
 
     button[style*="--button-background"] {
-      --button-background: @accent-color !important;
-      --button-hover-background: @accent-color !important;
       --button-color: @crust !important;
+      --button-background: @accent-color !important;
       --button-hover-color: @mantle !important;
+      --button-hover-background: @accent-color !important;
+      --button-active-color: @mantle !important;
       --button-active-background: @text !important;
     }
 
@@ -349,6 +363,7 @@
     .tag:not(.token) {
       --tag-background: @accent-color !important;
       --tag-color: @base !important;
+      --tag-link-hover-color: var(--tag-color) !important
     }
 
     .checked-icon[style*="--fa-secondary-color"] {
@@ -390,8 +405,10 @@
       }
     }
 
-    .codeblock {
-      --balloon-color: @crust;
+    .codeblock,
+    .codeblock-container {
+      --balloon-color: @accent-color;
+      --balloon-text-color: @crust;
     }
 
     #icon_family {
@@ -494,10 +511,11 @@
     }
 
     .icon-listing .icon {
-      --button-background: @crust !important;
-      --button-hover-background: @mantle !important;
       --button-color: @text !important;
+      --button-background: @crust !important;
       --button-hover-color: @text !important;
+      --button-hover-background: @mantle !important;
+      --button-active-color: @mantle !important;
       --button-active-background: @mantle !important;
 
       .icon-name {
@@ -518,6 +536,10 @@
       }
     }
 
+    #search-header + div svg.checked-icon {
+      color: @mantle !important;
+    }
+
     [style*="--button-hover-border-color: var(--fa-blue)"] {
       --button-hover-border-color: @accent-color !important;
     }