From 1434ddb5d58b1907cc9b94598ff1dc344780adb1 Mon Sep 17 00:00:00 2001
From: Akshay Gupta <gravity.akshay@gmail.com>
Date: Wed, 7 Aug 2024 20:58:21 +0530
Subject: [PATCH] change fotn color

---
 frontend/src/app/main/ui/workspace/tokens/sets.cljs | 9 +++++----
 frontend/src/app/main/ui/workspace/tokens/sets.scss | 3 ++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/tokens/sets.cljs b/frontend/src/app/main/ui/workspace/tokens/sets.cljs
index 023c1eae9..05601080d 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sets.cljs
+++ b/frontend/src/app/main/ui/workspace/tokens/sets.cljs
@@ -32,7 +32,7 @@
                                                          :name "Set Root 2"}})
 
 
-(mf/defc render-set
+(mf/defc sets-tree
   [{:keys [set-id]}]
   (println "Rendering set with ID:" set-id)
   (let [set (get sets set-id)]
@@ -40,14 +40,15 @@
       (let [{:keys [type name children]} set
             icon (if (= type :group) i/document i/document)] ;; Correct icon for groups
         [:div {:class (stl/css-case :set-item true :group (= type :group))}
-         [:div {:class (stl/css :set-icon)} icon]
+         [:div {:class (stl/css :set-icon)}
+          [:svg {:class (stl/css :set-icon-svg)} icon]]
          [:span {:class (stl/css :set-name)} name]
          (when children
            [:div {:class (stl/css :set-children)}
             (for [child-id children]
               (do
                 (println "Rendering child ID:" child-id)
-                ^{:key (str child-id)} [:& render-set {:key (str child-id):set-id child-id}]))])]))))
+                ^{:key (str child-id)} [:& sets-tree {:key (str child-id) :set-id child-id}]))])]))))
 
 (mf/defc sets-list
   {::mf/wrap-props false}
@@ -56,7 +57,7 @@
   [:div.assets-bar
    (for [set-id sets-root-order]
      ^{:key (str set-id)}
-     [:& render-set {:key (str set-id) :set-id set-id}])])
+     [:& sets-tree {:key (str set-id) :set-id set-id}])])
 
 (mf/defc sets-sidebar
   {::mf/wrap-props false}
diff --git a/frontend/src/app/main/ui/workspace/tokens/sets.scss b/frontend/src/app/main/ui/workspace/tokens/sets.scss
index 7a24a23d8..1b54a602b 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sets.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/sets.scss
@@ -20,7 +20,7 @@
   align-items: center;
   justify-content: space-between;
   margin-left: $s-2;
-  color: var(--title-foreground-color-hover);
+  color: var(--layer-row-foreground-color);
 }
 
 .add-button {
@@ -46,6 +46,7 @@
   min-height: $s-32;
   width: 100%;
   cursor: pointer;
+  color: var(--layer-row-foreground-color);
   &.group {
     padding-left: $s-12;
   }